:root{--public-bg: #0a0c12;--public-surface: #10121a;--public-border: rgba(255, 255, 255, .08);--public-muted: #8a91a3}html,body{background:var(--public-bg);color:#fff}.public-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid rgba(255,255,255,.15);border-radius:999px;color:#fff;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.02em;text-decoration:none;transition:all .15s;background:transparent;cursor:pointer}.public-btn:hover{background:#ffffff0f;border-color:#ffffff4d;text-decoration:none;color:#fff}.public-btn.primary{background:var(--dnsf-blue, #3427fd);border-color:var(--dnsf-blue, #3427fd)}.public-btn.primary:hover{background:#4636ff;border-color:#4636ff}.public-btn.magenta{background:var(--dnsf-magenta, #f306ae);border-color:var(--dnsf-magenta, #f306ae)}.public-btn.magenta:hover{background:#ff26bd}.container{max-width:1180px;margin:0 auto;padding:0 32px}.hero{padding:80px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 30%,rgba(52,39,253,.3),transparent 55%),radial-gradient(50% 70% at 20% 90%,rgba(243,6,174,.18),transparent 60%),radial-gradient(40% 50% at 95% 90%,rgba(0,200,253,.14),transparent 60%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1}@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:48px;padding-top:20px}}.hero-eyebrow{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--dnsf-sky, #00c8fd);text-transform:uppercase;margin-bottom:20px;display:inline-flex;align-items:center;gap:10px}.hero-eyebrow:before{content:"";width:32px;height:1px;background:var(--dnsf-sky)}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.03em;margin:0 0 24px;color:#fff;text-wrap:balance}.hero h1 .accent{background:linear-gradient(90deg,#f306ae,#3427fd,#00c8fd);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .lede{font-size:18px;line-height:1.55;color:#b4bac8;max-width:520px;margin:0 0 32px;text-wrap:pretty}.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.hero-meta{display:flex;gap:32px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--public-border)}.hero-meta .stat{font-family:var(--font-display);font-weight:800;font-size:28px;color:#fff;letter-spacing:-.01em;line-height:1}.hero-meta .stat-label{font-size:12px;color:var(--public-muted);margin-top:6px;font-family:var(--font-display);font-weight:600;letter-spacing:.04em}.hero-visual{position:relative;min-height:480px}.hero-card{position:absolute;background:#0f1119;border:1px solid var(--public-border);border-radius:14px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff08 inset;overflow:hidden}.hero-card-main{top:20px;left:0;width:92%;aspect-ratio:16/11}.hero-card-stack{top:200px;right:0;width:54%;aspect-ratio:4/3;background:#10121a;border-color:var(--dnsf-blue);box-shadow:0 20px 60px #3427fd40,0 0 0 1px #3427fd33 inset}.hero-card .head{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--public-border);align-items:center}.hero-card .head .dot{width:10px;height:10px;border-radius:50%;background:#ffffff1a}.hero-card .head .title{margin-left:12px;font-family:var(--font-display);font-weight:600;font-size:11px;color:var(--public-muted);letter-spacing:.05em}.player-mock{aspect-ratio:16/9;background:linear-gradient(135deg,#0c0e14,#1a1d26);position:relative;margin:14px;border-radius:8px;overflow:hidden}.player-mock:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 100% at 20% 30%,rgba(52,39,253,.4),transparent 55%),radial-gradient(60% 80% at 100% 100%,rgba(243,6,174,.3),transparent 55%)}.player-mock .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fffffff2;color:#0a0c12;display:grid;place-items:center}.player-mock .progress{position:absolute;left:16px;right:16px;bottom:16px;height:3px;background:#ffffff26;border-radius:2px;overflow:hidden}.player-mock .progress:before{content:"";display:block;width:38%;height:100%;background:linear-gradient(90deg,#3427fd,#00c8fd)}.lesson-strip{padding:10px 14px;display:flex;flex-direction:column;gap:7px}.lesson-line{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:6px;font-size:11px;color:#b4bac8;font-family:var(--font-display);font-weight:500}.lesson-line .bullet{width:14px;height:14px;border-radius:50%;background:#ffffff0f;display:grid;place-items:center;font-size:8px;color:var(--public-muted);font-weight:700;flex-shrink:0}.lesson-line.done .bullet{background:var(--dnsf-teal, #05c6c6);color:#000}.lesson-line.current{background:#3427fd1f;color:#fff}.lesson-line.current .bullet{background:var(--dnsf-blue);color:#fff}.stack-body{padding:16px}.stack-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#f306ae24;color:var(--dnsf-magenta);font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:.08em;margin-bottom:10px}.stack-title{font-family:var(--font-display);font-weight:800;font-size:17px;line-height:1.2;color:#fff;margin-bottom:8px}.stack-meta{font-size:12px;color:var(--public-muted);margin-bottom:14px}.stack-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:8px}.stack-bar div{height:100%;width:72%;background:linear-gradient(90deg,var(--dnsf-teal),var(--dnsf-blue));border-radius:2px}.stack-pct{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--dnsf-teal)}.section{padding:96px 0;position:relative}.section.alt{background:#07080c;border-top:1px solid var(--public-border);border-bottom:1px solid var(--public-border)}.section-eyebrow{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--public-muted);text-transform:uppercase;margin-bottom:12px}.section-title{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.02em;margin:0 0 12px;color:#fff;text-wrap:balance}.section-lede{font-size:16px;color:#b4bac8;max-width:620px;line-height:1.55}.courses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}@media(max-width:820px){.courses-grid{grid-template-columns:1fr}}.course-tile{background:var(--public-surface);border:1px solid var(--public-border);border-radius:14px;padding:28px;position:relative;overflow:hidden;display:block}.course-tile .icon{width:44px;height:44px;border-radius:10px;background:#3427fd24;color:var(--dnsf-blue);display:grid;place-items:center;margin-bottom:20px}.course-tile.magenta .icon{background:#f306ae24;color:var(--dnsf-magenta)}.course-tile.sky .icon{background:#00c8fd24;color:var(--dnsf-sky)}.course-tile.teal .icon{background:#05c6c624;color:var(--dnsf-teal)}.course-tile h3{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.01em;margin:0 0 10px;color:#fff}.course-tile p{font-size:14px;color:#a1a8ba;line-height:1.55;margin:0 0 18px;text-wrap:pretty}.course-tile .count{display:flex;gap:14px;font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--public-muted);letter-spacing:.04em}.course-tile .count strong{color:#fff;font-weight:800;font-size:18px;display:block;letter-spacing:-.01em}.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:240px;gap:16px;margin-top:48px}@media(max-width:900px){.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}}@media(max-width:600px){.bento{grid-template-columns:1fr}}.bento-tile{background:var(--public-surface);border:1px solid var(--public-border);border-radius:14px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column}.bento-tile h4{font-family:var(--font-display);font-weight:800;font-size:17px;color:#fff;margin:0 0 8px;letter-spacing:-.005em}.bento-tile p{font-size:13px;color:#a1a8ba;line-height:1.5;margin:0;flex:1}.bento-tile .mini-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;margin-bottom:14px;color:#fff}.bento-tile.featured{background:linear-gradient(135deg,#3427fd,#8634df);border-color:transparent}.bento-tile.featured h4,.bento-tile.featured p{color:#fff}.bento-tile.featured p{color:#ffffffbf}.bento-tile .hash{position:absolute;right:16px;top:16px;font-family:var(--font-mono);font-size:10px;color:var(--public-muted);letter-spacing:.08em}.cta-band{padding:80px 0;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 100% at 50% 50%,rgba(52,39,253,.2),transparent 60%);pointer-events:none}.cta-inner{position:relative;text-align:center}.cta-inner h2{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px;color:#fff}.cta-inner p{font-size:17px;color:#b4bac8;max-width:560px;margin:0 auto 32px;line-height:1.55}.cyber-strip{height:3px;background:linear-gradient(90deg,var(--dnsf-magenta),var(--dnsf-blue),#000,var(--dnsf-sky))}footer{padding:48px 0 32px;border-top:1px solid var(--public-border);color:var(--public-muted);font-size:13px}footer .foot-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer a{color:var(--public-muted);text-decoration:none}footer a:hover{color:#fff}footer nav{display:flex;gap:24px;flex-wrap:wrap}