*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#101426;background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #e8eaf2;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border:2px solid #2563eb;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#2563eb}.brand strong{display:block;font-size:15px;letter-spacing:.02em}.brand em{color:#2563eb;font-style:normal}.brand small{display:block;color:#6b7280;font-size:10px}nav{display:flex;gap:26px;font-size:13px;font-weight:600}nav a{padding:27px 0;position:relative}nav a:hover{color:#2563eb}.primary-menu{display:flex;gap:26px;list-style:none;margin:0;padding:0}.primary-menu li a{display:block;padding:27px 0}.header-actions{display:flex;gap:8px}.icon-btn,.menu-btn{border:1px solid #e5e7eb;background:#fff;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}.menu-btn{display:none;border-radius:10px}.hero{min-height:575px;background:#05091b;color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;padding:80px 10% 55px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#334155 1px,transparent 1px);background-size:32px 32px;opacity:.25}.hero-glow{position:absolute;border-radius:50%;filter:blur(50px);opacity:.35}.glow-one{width:400px;height:400px;background:#4f46e5;right:28%;top:10%}.glow-two{width:300px;height:300px;background:#2563eb;left:-100px;bottom:-120px}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{color:#60a5fa;font-weight:700;font-size:12px;letter-spacing:.08em}.hero h1{font-size:55px;line-height:1.05;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,#8b5cf6,#38bdf8);color:transparent;background-clip:text}.hero-text{max-width:580px;color:#cbd5e1;font-size:16px}.hero-buttons{display:flex;gap:14px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;font-weight:700;font-size:13px;border:1px solid transparent}.btn.primary{background:#2563eb;color:#fff}.btn.secondary{border-color:#64748b;color:#fff;background:transparent}.stats{display:flex;gap:30px;margin-top:34px}.stats b{display:block;font-size:18px}.stats small{color:#94a3b8;font-size:10px}.hero-visual{display:flex;align-items:center;justify-content:center;min-height:400px}.avatar-placeholder{width:310px;height:390px;border-radius:150px 150px 35px 35px;background:linear-gradient(145deg,#18223e,#0d1327);border:1px solid #334155;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 35px 80px rgba(0,0,0,.45)}.avatar-circle{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;font-size:64px;font-weight:800;background:linear-gradient(145deg,#334155,#111827);border:3px solid #60a5fa}.avatar-placeholder span{margin-top:18px;color:#94a3b8;text-align:center;font-size:12px}.code-card{position:absolute;right:0;top:10px;width:230px;background:#0b1021;border:1px solid #334155;border-radius:10px;padding:16px;box-shadow:0 20px 50px #0008}.window-dots i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#64748b;margin-right:5px}.code-card pre{font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#93c5fd;white-space:pre-wrap}.muted{color:#64748b}.purple{color:#c084fc}.orange{color:#fb923c}.floating-card{position:absolute;right:5%;bottom:35px;background:#111936;border:1px solid #334155;border-radius:10px;padding:13px 18px;color:#60a5fa}.floating-card b,.floating-card small{display:block;color:#e2e8f0;margin-left:25px}.floating-card small{color:#94a3b8}.section{max-width:1180px;margin:auto;padding:60px 24px}.section-title{text-align:center;margin-bottom:30px}.section-title h2{font-size:27px;margin:0}.section-title span{display:block;width:50px;height:3px;background:#2563eb;margin:10px auto}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic{padding:24px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;transition:.25s}.topic:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0f172a12}.topic-icon{font-size:28px}.topic h3{margin:10px 0 5px}.topic p{font-size:12px;color:#64748b;min-height:58px}.topic a{font-size:11px;font-weight:700}.java h3{color:#dc4b19}.python h3{color:#2563eb}.dsa h3{color:#16a34a}.ai h3{color:#7c3aed}.split-section,.content-section{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{border:1px solid #e5e7eb;border-radius:12px;padding:22px;background:#f8fafc}.wide{background:#fff}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head h2{font-size:18px;margin:0}.panel-head a{font-size:11px;color:#2563eb;font-weight:700}.path{display:flex;align-items:center;justify-content:space-between;gap:8px}.path>div{text-align:center}.path b{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #bfdbfe;display:grid;place-items:center;margin:auto;color:#2563eb;font-size:11px}.path span{display:block;font-size:9px;font-weight:700;margin-top:7px}.path i{color:#94a3b8}.journey-box{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:16px;margin-top:24px;font-size:12px;color:#64748b}.journey-box p{margin-top:0}.btn.small{padding:9px 14px;border:1px solid #93c5fd;color:#2563eb;background:#fff}.course-list{display:grid;gap:10px}.course{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:9px;background:#fff}.course>span{width:44px;height:44px;display:grid;place-items:center;background:#eff6ff;border-radius:8px;font-size:22px}.course b{display:block;font-size:12px}.course small{display:block;color:#64748b;font-size:9px}.course a{font-size:9px;color:#2563eb;font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.article{padding:15px;border:1px solid #e5e7eb;border-radius:9px;min-height:190px}.article .tag{font-size:9px;padding:4px 7px;border-radius:10px}.green{background:#dcfce7;color:#15803d}.article>small{float:right;color:#94a3b8;font-size:9px}.article h3{font-size:13px;line-height:1.4;margin:24px 0}.article p{font-size:9px;color:#64748b}.practice-step{display:flex;gap:12px;margin:16px 0}.practice-step>span{font-size:22px}.practice-step b{font-size:13px}.practice-step p{margin:2px 0;color:#64748b;font-size:10px}.practice-link{font-size:11px;color:#2563eb;font-weight:700}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.project-list article{background:#fff;border:1px solid #e5e7eb;padding:15px;border-radius:9px}.project-list b{font-size:12px}.project-list p{font-size:10px;color:#64748b;min-height:30px}.project-list a{font-size:9px;color:#2563eb}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.video-grid div{aspect-ratio:16/10;background:#0f172a;color:#fff;border-radius:8px;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:700}.newsletter{max-width:1180px;margin:10px auto 50px;padding:28px 35px;border-radius:14px;background:linear-gradient(110deg,#080d25,#15103b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.newsletter>div{display:flex;gap:18px;align-items:center}.mail-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#4338ca;font-size:25px}.newsletter h2{margin:0}.newsletter p{margin:4px 0;color:#a5b4fc;font-size:12px}.newsletter form{display:grid;grid-template-columns:1fr auto;gap:8px;min-width:420px}.newsletter input,.search-field{border:1px solid #d1d5db;border-radius:7px;padding:12px}.newsletter form small{grid-column:1/-1;color:#64748b;font-size:9px}footer{background:#05091b;color:#fff;padding:45px 8% 25px;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:35px;position:relative}.footer-brand p{font-size:11px;color:#94a3b8;max-width:250px}.footer-brand .brand{margin-bottom:18px}footer h4{font-size:12px;margin:0 0 14px}footer>div>a{display:block;color:#94a3b8;font-size:10px;margin:8px 0}.copyright{grid-column:1/-1;border-top:1px solid #1e293b;padding-top:18px;color:#64748b;font-size:9px}.search-overlay{position:fixed;inset:0;background:#020617cc;display:none;place-items:center;z-index:50}.search-overlay.show{display:grid}.search-box{width:min(600px,90%);background:#fff;border-radius:14px;padding:25px;position:relative}.search-box button{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px;cursor:pointer}.search-form{display:flex;gap:8px;margin-top:15px}.search-field{width:100%;font-size:16px}.article-page .single-post{max-width:900px;margin:auto}.single-post h1{font-size:42px;line-height:1.15}.single-meta{font-size:11px;color:#64748b}.featured-image{max-width:100%;height:auto;border-radius:12px}.post-content{font-size:16px}.post-content pre{overflow:auto;background:#0f172a;color:#e2e8f0;padding:18px;border-radius:10px}.post-content img{max-width:100%;height:auto}@media(max-width:900px){nav{display:none}.primary-menu{display:block}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding:65px 7% 45px}.hero-visual{margin-top:35px}.topic-grid{grid-template-columns:repeat(2,1fr)}.split-section,.content-section{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(2,1fr)}.newsletter{margin:10px 20px 40px;flex-direction:column;align-items:stretch}.newsletter form{min-width:0}footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero h1{font-size:40px}.stats{gap:14px;flex-wrap:wrap}.topic-grid,.article-grid,.project-list{grid-template-columns:1fr}.hero-visual{min-height:350px}.avatar-placeholder{width:250px;height:330px}.code-card{right:-5px;width:180px}.path{overflow-x:auto;justify-content:flex-start}.path>i{display:none}.path>div{min-width:85px}.newsletter form{grid-template-columns:1fr}.newsletter form small{grid-column:1}.newsletter{padding:24px}.video-grid{grid-template-columns:1fr}.site-header{padding:0 4%}.brand strong{font-size:12px}.single-post h1{font-size:32px}}.dark body{background:#080b14;color:#f8fafc}.dark .site-header,.dark .topic,.dark .wide,.dark .search-box{background:#0f172a;color:#f8fafc}.dark .site-header,.dark .topic,.dark .panel,.dark .article,.dark .course,.dark .project-list article{border-color:#1e293b}.dark .panel,.dark .journey-box{background:#0b1220}.dark .article p,.dark .topic p,.dark .course small,.dark .practice-step p{color:#94a3b8}.dark .icon-btn{background:#0f172a;color:#fff;border-color:#334155}.mobile-open{display:flex!important;position:absolute;top:72px;left:0;right:0;padding:18px 7%;background:#fff;flex-direction:column;gap:0;box-shadow:0 15px 30px rgba(0,0,0,.08)}.mobile-open a{padding:10px 0!important}
/* =========================================================
   v1.1 — Full-width layout correction
   ========================================================= */
html, body {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-header {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: clamp(24px, 5vw, 80px) !important;
  padding-right: clamp(24px, 5vw, 80px) !important;
}

main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hero {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  min-height: 620px;
  padding-left: clamp(28px, 9vw, 150px) !important;
  padding-right: clamp(28px, 9vw, 150px) !important;
}

.hero-copy {
  max-width: 680px;
}

.hero-visual {
  max-width: 650px;
  width: 100%;
  justify-self: center;
}

.section {
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.newsletter {
  width: calc(100% - 48px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

footer {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: clamp(24px, 8vw, 120px) !important;
  padding-right: clamp(24px, 8vw, 120px) !important;
}

/* Prevent WordPress/theme wrappers from narrowing the custom layout */
#page, .site, .site-content, .content-area, .site-main,
.wp-site-blocks, .wp-block-group, .entry-content {
  max-width: none !important;
  width: 100% !important;
}

@media (min-width: 1400px) {
  .hero {
    padding-left: 11vw !important;
    padding-right: 11vw !important;
  }
}

@media (max-width: 900px) {
  .hero {
    padding-left: 7% !important;
    padding-right: 7% !important;
  }
}

/* =========================================================
   v1.2 — Category/archive pages
   ========================================================= */
.category-page {
  padding-top: 42px !important;
}
.category-hero {
  background: linear-gradient(135deg, #f8fbff, #ffffff);
  margin-bottom: 20px;
  padding: 38px !important;
}
.category-eyebrow {
  color: #2563eb !important;
  display: block;
  margin-bottom: 8px;
}
.category-hero h1 {
  font-size: 38px;
  margin: 0 0 8px;
  line-height: 1.15;
}
.category-description {
  color: #64748b;
  max-width: 760px;
  font-size: 14px;
}
.category-articles {
  background: #fff;
}
.article-count {
  font-size: 10px;
  color: #64748b;
}
.category-article {
  min-height: 225px;
  display: flex;
  flex-direction: column;
}
.category-article h3 {
  margin-bottom: 8px;
}
.category-article p {
  flex: 1;
}
.read-link {
  color: #2563eb;
  font-size: 10px;
  font-weight: 700;
}
.empty-category {
  padding: 25px;
  color: #64748b;
}
.dark .category-hero {
  background: linear-gradient(135deg, #0f172a, #0b1220);
}
.dark .category-description {
  color: #94a3b8;
}
.dark .category-articles {
  background: #0f172a;
}