:root{--bg: #0a0a0f;--surface: #12121a;--surface2: #1a1a26;--border: #2a2a3d;--accent: #7c6aff;--accent2: #ff6b6b;--accent3: #00d4aa;--accent4: #ffd166;--text: #e8e8f0;--text2: #8888aa;--easy: #00d4aa;--medium: #ffd166;--hard: #ff6b6b}*{margin:0;padding:0;box-sizing:border-box;font-variant-numeric:lining-nums tabular-nums}html{overflow-x:hidden;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;min-height:100vh}.nav{position:sticky;top:0;z-index:100;background:#0a0a0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-brand{font-family:Syne,sans-serif;font-weight:800;font-size:18px;color:var(--accent);white-space:nowrap;padding:22px 28px 22px 0;border-right:1px solid var(--border);margin-right:12px;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent) 0%,var(--accent3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-btn{background:none;border:none;color:var(--text2);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;padding:22px 18px;cursor:pointer;white-space:nowrap;letter-spacing:.01em;transition:color .2s;position:relative}.nav-btn:hover,.nav-btn.active{color:var(--text)}.nav-btn.active:after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:2px;background:var(--accent);border-radius:2px}.section{display:none;padding:32px 24px;max-width:1000px;margin:0 auto}.section.active{display:block}.hero{text-align:center;padding:60px 24px 40px}.hero-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:16px}.hero h1{font-family:Syne,sans-serif;font-size:clamp(32px,5.5vw,60px);font-weight:800;line-height:1.05;margin-bottom:20px;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff 0%,#c4b8ff 30%,var(--accent) 60%,var(--accent3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(124,106,255,.25))}.hero p{color:var(--text2);font-size:16px;max-width:560px;margin:0 auto 32px;line-height:1.7}.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;align-items:flex-end}.stat{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.stat-num{font-family:Syne,sans-serif;font-size:52px;font-weight:800;color:var(--accent);line-height:1;font-variant-numeric:lining-nums tabular-nums}.stat-label{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.section-title{font-family:Syne,sans-serif;font-size:24px;font-weight:800;margin-bottom:8px}.section-subtitle{color:var(--text2);font-size:13px;margin-bottom:32px;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;letter-spacing:.01em}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:16px}.card-title{font-family:Syne,sans-serif;font-size:15px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:10px}.card-body{color:var(--text2);font-size:14px;line-height:1.8;font-family:Plus Jakarta Sans,sans-serif}.day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.day-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.day-header{padding:12px 16px;background:var(--surface2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.day-num{font-family:Syne,sans-serif;font-size:22px;font-weight:800;color:var(--accent)}.day-theme{font-family:Syne,sans-serif;font-size:12px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}.day-body{padding:14px 16px}.session{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.session:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.session-time{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.session-content{font-size:13px;color:var(--text2);line-height:1.65;font-family:Plus Jakarta Sans,sans-serif}.session-content strong{color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700}.badge{display:inline-block;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}.badge-easy{background:#00d4aa26;color:var(--easy);border:1px solid rgba(0,212,170,.3)}.badge-medium{background:#ffd16626;color:var(--medium);border:1px solid rgba(255,209,102,.3)}.badge-hard{background:#ff6b6b26;color:var(--hard);border:1px solid rgba(255,107,107,.3)}.badge-accent{background:#7c6aff26;color:var(--accent);border:1px solid rgba(124,106,255,.3)}.badge-green{background:#00d4aa26;color:var(--easy);border:1px solid rgba(0,212,170,.3)}.badge-python{background:#3776ab33;color:#5ba3d9;border:1px solid rgba(55,118,171,.4)}.badge-rust{background:#de673233;color:#e8845a;border:1px solid rgba(222,103,50,.4)}.badge-ts{background:#3178c633;color:#5b9bd5;border:1px solid rgba(49,120,198,.4)}.badge-ai{background:#ff64c826;color:#ff82d0;border:1px solid rgba(255,100,200,.35)}.badge-zk{background:#9650ff26;color:#b87fff;border:1px solid rgba(150,80,255,.35)}.badge-devops{background:#14c8a026;color:#14c8a0;border:1px solid rgba(20,200,160,.35)}.badge-design{background:#ffb43226;color:#ffb432;border:1px solid rgba(255,180,50,.35)}.badge-security{background:#ff505026;color:#ff7070;border:1px solid rgba(255,80,80,.35)}.badge-sql{background:#50c87826;color:#50c878;border:1px solid rgba(80,200,120,.35)}.badge-arch{background:#ff8c0026;color:#ff9a30;border:1px solid rgba(255,140,0,.35)}.cat-groups{display:flex;flex-direction:column;gap:12px;margin-bottom:4px}.cat-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cat-group-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);min-width:90px}.cat-group-items{display:flex;flex-wrap:wrap;gap:6px}.cat-pill{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.cat-pill:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.cat-pill.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.cat-pill-icon{font-size:13px;line-height:1}.cat-pill-name{font-weight:500}.cat-pill-count{background:#ffffff1f;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.cat-pill.active .cat-pill-count{background:#0003}.badge-solidity{background:#6366f11a;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.badge-math{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.2)}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filter-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text2);font-family:JetBrains Mono,monospace;font-size:11px;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.06em}.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:var(--accent);background:#7c6aff1a}.challenge-list{display:flex;flex-direction:column;gap:10px}.challenge-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;cursor:pointer;transition:border-color .2s}.challenge-item:hover,.challenge-item.expanded{border-color:var(--accent)}.ch-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ch-num{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text2);min-width:30px}.ch-title{font-family:Syne,sans-serif;font-size:14px;font-weight:600;flex:1}.ch-detail{display:none;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--text2);line-height:1.7}.ch-detail.show{display:block}.ch-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.ch-detail-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.ch-detail-val{font-size:13px;color:var(--text)}.roadmap-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:18px 22px;margin-bottom:14px;cursor:pointer;transition:border-color .2s}.roadmap-item:hover{border-left-color:var(--accent3)}.roadmap-header{display:flex;align-items:center;justify-content:space-between}.roadmap-title{font-family:Syne,sans-serif;font-size:16px;font-weight:700}.roadmap-toggle{color:var(--text2);font-size:18px;transition:transform .2s}.roadmap-item.open .roadmap-toggle{transform:rotate(45deg)}.roadmap-body{display:none;margin-top:16px}.roadmap-item.open .roadmap-body{display:block}.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media (max-width: 600px){.roadmap-grid{grid-template-columns:1fr}}.roadmap-sub-label{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.roadmap-sub-body{font-size:13px;color:var(--text2);line-height:1.7}.qs-list{list-style:none}.qs-list li{font-size:13px;color:var(--text2);padding:4px 0;border-bottom:1px solid var(--border);line-height:1.5}.qs-list li:before{content:"→ ";color:var(--accent3);font-weight:700}.principles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.principle-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.principle-icon{font-size:22px;margin-bottom:8px}.principle-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;margin-bottom:6px}.principle-body{font-size:13px;color:var(--text2);line-height:1.7;font-family:Plus Jakarta Sans,sans-serif}.feature-card{cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px #7c6aff26}.feature-card-arrow{position:absolute;bottom:14px;right:16px;font-size:14px;color:var(--accent);opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s}.feature-card:hover .feature-card-arrow{opacity:1;transform:translate(0)}.star-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px 22px;margin-bottom:14px}.star-title{font-family:Syne,sans-serif;font-size:15px;font-weight:700;margin-bottom:10px;color:var(--accent4)}.star-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 600px){.star-grid{grid-template-columns:1fr 1fr}}.star-letter{font-family:Syne,sans-serif;font-size:20px;font-weight:800;color:var(--accent)}.star-word{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text2);text-transform:uppercase;margin-bottom:6px}.star-hint{font-size:12px;color:var(--text2);line-height:1.5}.checklist{list-style:none}.checklist li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text2)}.checklist li:last-child{border-bottom:none}.checklist li input[type=checkbox]{margin-top:2px;flex-shrink:0;accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.checklist li label{cursor:pointer;line-height:1.5}.checklist li input:checked+label{color:var(--text2);text-decoration:line-through;opacity:.5}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-20px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.timeline-time{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--accent3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.timeline-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;margin-bottom:4px}.timeline-body{font-size:13px;color:var(--text2);line-height:1.6}.emergency-box{background:#ff6b6b14;border:1px solid rgba(255,107,107,.3);border-radius:12px;padding:24px;margin-bottom:24px}.emergency-title{font-family:Syne,sans-serif;font-size:16px;font-weight:800;color:var(--accent2);margin-bottom:16px}.tab-bar{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:0}.tab-btn{background:none;border:none;color:var(--text2);font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent)}.tab-panel{display:none}.tab-panel.active{display:block}.tag{display:inline-block;font-family:JetBrains Mono,monospace;font-size:10px;padding:2px 7px;border-radius:4px;margin:2px;background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.color-accent{color:var(--accent)}.color-green{color:var(--accent3)}.color-yellow{color:var(--accent4)}.color-red{color:var(--accent2)}hr.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 580px){.two-col{grid-template-columns:1fr}}.compressed-table{width:100%;border-collapse:collapse;font-size:13px}.compressed-table th{background:var(--surface2);font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px;text-align:left;color:var(--text2);border-bottom:1px solid var(--border)}.compressed-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top}.compressed-table td:first-child{font-family:Syne,sans-serif;font-weight:700;color:var(--text);white-space:nowrap}.std-tab-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.std-grid{display:flex;flex-direction:column;gap:10px}.std-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .2s,box-shadow .2s;overflow:hidden}.std-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px #7c6aff33}.std-card.std-open{border-color:var(--accent)}.std-card-header{display:flex;align-items:flex-start;gap:14px;padding:16px 18px}.std-card-icon{font-size:22px;flex-shrink:0;margin-top:2px}.std-card-meta{flex:1;min-width:0}.std-card-title{font-family:Syne,sans-serif;font-weight:700;font-size:15px;color:var(--text);margin-bottom:4px}.std-card-summary{font-size:13px;color:var(--text-muted, #8888aa);line-height:1.5}.std-card-chevron{font-size:10px;color:var(--text-muted,#8888aa);flex-shrink:0;margin-top:6px;transition:transform .2s}.std-card.std-open .std-card-chevron{color:var(--accent)}.std-card-body{padding:16px 18px 18px 54px;border-top:1px solid var(--border)}.std-card-detail p{font-size:13.5px;line-height:1.7;color:var(--text2,#8888aa);margin-bottom:10px}.std-card-detail p strong{color:var(--text)}.std-card-detail p code{background:var(--surface2);padding:1px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--accent)}.std-card-links{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.std-links-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#8888aa);margin-bottom:8px}.std-links-list{display:flex;flex-wrap:wrap;gap:8px}.std-link{font-size:12px;color:var(--accent);text-decoration:none;border:1px solid rgba(124,106,255,.3);border-radius:20px;padding:4px 12px;background:#7c6aff14;transition:all .2s}.std-link:hover{background:#7c6aff33;border-color:var(--accent)}.std-link-pill{font-size:12px;color:var(--accent);text-decoration:none;border:1px solid rgba(124,106,255,.3);border-radius:20px;padding:5px 13px;background:#7c6aff14;transition:all .2s;display:inline-block}.std-link-pill:hover{background:#7c6aff33}.lang-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px}.lang-section-title{font-family:Syne,sans-serif;font-weight:700;font-size:13px;color:var(--text);margin-bottom:6px}.lang-section-body{font-size:13px;color:var(--text2,#8888aa);line-height:1.7}@media (max-width: 768px){.nav{padding:0 14px}.nav-brand{font-size:18px}.nav-links{gap:2px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{font-size:11px;padding:6px 8px;white-space:nowrap}.main-content{padding:16px}.hero-title{font-size:clamp(2.5rem,10vw,5rem)}.hero-stats{flex-wrap:wrap;gap:20px;justify-content:center}.hero-stat-value{font-size:2.5rem}.features-grid{grid-template-columns:1fr;gap:12px}.section-title{font-size:1.4rem}.section-subtitle{font-size:13px}.ch-row{flex-wrap:wrap;gap:4px}.ch-title{font-size:13px;flex:1 1 100%;order:-1}.ch-num{font-size:11px}.ch-detail-grid{grid-template-columns:1fr}.cat-groups{gap:10px}.cat-group{flex-direction:column;align-items:flex-start;gap:6px}.cat-group-label{min-width:unset}.cat-pill{font-size:11px;padding:4px 10px}.std-card-body,.std-card-header{padding:14px}.std-links-list{flex-direction:column}.std-tab-bar{gap:4px}.tab-bar{flex-wrap:wrap;gap:4px}.tab-btn{font-size:11px;padding:5px 10px}.filter-bar{gap:6px}.filter-btn{font-size:12px;padding:5px 10px}.card{padding:16px}.two-col,.principles-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-title{font-size:2.2rem}.nav-link{font-size:10px;padding:5px 6px}.main-content{padding:12px}.features-grid{gap:8px}.hero-stats{gap:14px}}.scratchpad-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.scratchpad-toggle{background:var(--surface2);color:var(--text);border:1px solid var(--border);padding:10px 20px;border-radius:20px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0006;transition:all .2s;letter-spacing:.05em}.scratchpad-container.open .scratchpad-toggle{background:var(--accent);color:#fff;border-color:var(--accent)}.scratchpad-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c6aff40;border-color:var(--accent)}.scratchpad-panel{width:380px;height:450px;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;display:flex;flex-direction:column;box-shadow:0 12px 32px #0009;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@media (max-width: 600px){.scratchpad-panel{width:calc(100vw - 48px);height:350px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scratchpad-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--surface2);border-bottom:1px solid var(--border)}.scratchpad-header h3{margin:0;font-size:14px;color:var(--accent);font-weight:700}.clear-btn{background:#ff6b6b1a;color:var(--accent2);border:1px solid rgba(255,107,107,.2);padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#ff6b6b33}.scratchpad-textarea{flex:1;background:transparent;border:none;color:var(--text);padding:16px 18px;resize:none;font-family:inherit;font-size:14px;line-height:1.6;outline:none}.scratchpad-textarea::placeholder{color:var(--text2);opacity:.6}.footer{border-top:1px solid var(--border);background:#0a0a0ff2;padding:32px 24px;margin-top:60px;text-align:center}.footer-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.footer-text{font-family:Syne,sans-serif;font-size:14px;font-weight:600;color:var(--text)}.footer-links{display:flex;gap:16px;align-items:center}.footer-link{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;color:var(--text2);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent)}.footer-divider{color:var(--border);font-size:12px}
