*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0f1e;--bg-elevated: #111827;--bg-card: #151f38;--bg-card-hover: #1a2540;--border: #22304d;--border-strong: #2c3c60;--text: #e7ecf5;--text-muted: #97a3bd;--text-dim: #6b7793;--accent: #38bdf8;--accent-dark: #0ea5e9;--accent-soft: rgba(56, 189, 248, .12);--accent-2: #a78bfa;--accent-2-soft: rgba(167, 139, 250, .12);--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .38);--shadow-glow: 0 0 0 1px rgba(56, 189, 248, .25), 0 12px 32px rgba(56, 189, 248, .12);--container: 1180px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3,h4{font-weight:800;line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2.25rem,4.5vw,3.75rem)}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:1.3rem;font-weight:700}p{color:var(--text-muted)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(56,189,248,.25);padding:.4rem .9rem;border-radius:var(--radius-pill)}.container{max-width:var(--container);margin:0 auto;padding:0 2rem}.section{padding:0 0 4.5rem}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.section-header p{margin-top:.5rem;max-width:560px}.link-arrow{color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap;transition:gap .15s ease;display:inline-flex;align-items:center;gap:.35rem}.link-arrow:hover{gap:.6rem}.page-container{max-width:800px;margin:0 auto;padding:4rem 2rem;min-height:60vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:var(--radius-pill);font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#04121f;box-shadow:0 8px 20px #38bdf840}.btn-primary:hover{box-shadow:0 10px 28px #38bdf866;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-icon{width:2.6rem;height:2.6rem;padding:0;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}.btn-icon:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.card-hover:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border-strong);background:var(--bg-card-hover)}.navbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;background:transparent;border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease,box-shadow .25s ease}.navbar.scrolled{background:#0a0f1ebf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.navbar-inner{max-width:var(--container);margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center}.navbar .logo{display:flex;flex-direction:column;line-height:1.1;text-decoration:none}.navbar .logo .logo-name{font-size:1.35rem;font-weight:800;color:var(--text);letter-spacing:-.01em}.navbar .logo .logo-name span{color:var(--accent)}.navbar .logo .logo-tagline{font-size:.72rem;color:var(--text-dim);font-weight:500}.nav-links{display:flex;align-items:center;gap:2.25rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .15s ease}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links .nav-cta{display:flex;align-items:center;gap:.9rem}.hero{position:relative;overflow:hidden;padding:5rem 0 7rem}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at 12% 8%,var(--accent-soft),transparent 60%),radial-gradient(560px circle at 88% 22%,var(--accent-2-soft),transparent 55%),radial-gradient(circle,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,auto,26px 26px;pointer-events:none}.hero-content{position:relative;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.4rem}.hero h1{margin-top:.5rem}.hero-subtitle{color:var(--accent);font-weight:600;font-size:1.1rem}.hero p.hero-bio{font-size:1.1rem;max-width:640px}.hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.hero-quiz-link{display:inline-block;margin-top:1rem;font-size:.88rem;color:var(--text-muted);text-decoration:none;border-bottom:1px dashed var(--border-strong)}.hero-quiz-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.hero-skills{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.credibility-line{margin-top:1.5rem;font-size:.85rem;color:var(--text-dim)}.stats-strip{position:relative;margin-top:-5.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.stat-card{padding:1.75rem;text-align:center}.stat-value{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{margin-top:.35rem;font-size:.88rem;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{display:block;padding:2rem;text-decoration:none;color:inherit}.feature-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);margin-bottom:1.25rem}.feature-card h3{margin-bottom:.5rem}.feature-card p{font-size:.95rem}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.25rem}.tech-stack-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;text-decoration:none;color:var(--text);text-align:center;font-weight:600;font-size:.92rem}.tech-stack-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.paths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.path-card{padding:1.75rem}.path-card h3{margin-bottom:1.1rem}.path-steps{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.path-step-wrap{display:inline-flex;align-items:center;gap:.4rem}.path-step{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);text-decoration:none;padding:.4rem .9rem .4rem .5rem;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;transition:border-color .15s ease,color .15s ease,transform .15s ease}.path-step-icon{display:flex;color:var(--accent)}.path-step-icon svg{width:16px;height:16px}.path-step:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.path-arrow{color:var(--text-dim);font-weight:700}.path-count{margin-top:1rem;font-size:.8rem;color:var(--text-dim)}.difficulty-badge{display:inline-block;padding:.25rem .65rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;text-transform:capitalize;border:1px solid transparent}.difficulty-beginner{color:var(--success);background:#4ade801f;border-color:#4ade8040}.difficulty-intermediate{color:var(--warning);background:#fbbf241f;border-color:#fbbf2440}.difficulty-advanced{color:var(--danger);background:#f871711f;border-color:#f8717140}.admin-tabs{display:flex;gap:.5rem;margin:1.5rem 0 2rem;border-bottom:1px solid var(--border)}.admin-tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-muted);font-weight:600;padding:.75rem .25rem;margin-right:1.5rem}.admin-tab:hover{color:var(--text);transform:none;box-shadow:none}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-question-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.practice-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.practice-mode-card{text-align:left;padding:2rem;font-family:inherit;color:var(--text)}.practice-mode-card h3{margin-bottom:.5rem}.practice-mode-card p{font-size:.9rem;margin-bottom:1rem}.practice-mode-count{display:inline-block;font-size:.78rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.03em}.practice-mode-card:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.practice-back-link{display:inline-flex;margin-bottom:1.5rem;background:none;border:none;padding:0;font-size:.95rem}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.level-card{position:relative;text-align:center;padding:2rem 1.5rem;font-family:inherit;color:var(--text)}.level-card h3{margin:.5rem 0 .4rem}.level-card.level-locked{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.level-lock-icon{display:inline-flex;color:var(--text-dim)}.practice-empty-level{max-width:480px;margin-top:2rem;padding:2rem;text-align:center}.level-progress-list{display:flex;flex-direction:column;gap:1.25rem}.level-progress-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.level-progress-pills{display:flex;gap:.5rem;flex-wrap:wrap}.level-pill{padding:.3rem .75rem;border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;border:1px solid transparent}.level-pill-passed{color:var(--success);background:#4ade801f;border-color:#4ade8040}.level-pill-open{color:var(--text-muted);background:var(--bg-elevated);border-color:var(--border)}.level-pill-locked{color:var(--text-dim);background:var(--bg-elevated);border-color:var(--border);opacity:.6}.practice-flashcard,.quiz-question,.quiz-summary{max-width:640px;margin-top:2rem;padding:2rem}.practice-progress{display:inline-block;font-size:.78rem;font-weight:700;color:var(--text-dim);margin-bottom:.75rem}.flashcard-answer{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--text)}.practice-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.quiz-option{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);padding:.9rem 1.1rem;border-radius:var(--radius-sm);font-weight:500}.quiz-option:hover{border-color:var(--border-strong);transform:none;box-shadow:none}.quiz-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.quiz-summary h2{margin-bottom:.25rem}.quiz-review{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.quiz-review h3{margin-bottom:1rem}.quiz-review-item{padding:1.25rem;margin-bottom:1rem}.quiz-review-question{color:var(--text);font-weight:600;margin-bottom:.5rem}.quiz-review-wrong{color:var(--danger);font-size:.9rem}.quiz-review-correct{color:var(--success);font-size:.9rem;margin-top:.25rem}.quiz-review-explanation{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.88rem}.progress-widget{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:border-color .15s ease}.progress-widget:hover{border-color:var(--accent)}.progress-widget-streak{display:inline-flex;align-items:center;gap:.3rem;color:var(--warning)}.progress-widget-divider{width:1px;height:.9rem;background:var(--border)}.progress-widget-xp{color:var(--accent)}.badge-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;align-items:center;gap:.9rem;background:var(--bg-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:1rem 1.25rem;max-width:320px;animation:badge-toast-in .25s ease}@keyframes badge-toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.badge-toast-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:1.2rem}.badge-toast-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.badge-toast-name{font-weight:700;color:var(--text)}.xp-confirmation{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;padding:.9rem 1.25rem;background:var(--accent-soft);border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-md);color:var(--accent);font-weight:600;font-size:.95rem}.xp-confirmation-icon{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--accent);color:var(--bg);font-size:.8rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.badge-card{padding:1.5rem;text-align:center}.badge-card-icon{width:3rem;height:3rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.badge-card h3{font-size:1rem;margin-bottom:.35rem}.badge-card p{font-size:.85rem}.badge-card.badge-locked{opacity:.5}.badge-card.badge-locked .badge-card-icon{background:var(--bg-elevated);color:var(--text-dim)}.badge-earned-date{display:block;margin-top:.75rem;font-size:.75rem;color:var(--text-dim)}.tool-time-list{display:flex;flex-direction:column;gap:1.1rem}.tool-time-row{display:grid;grid-template-columns:150px 1fr 3rem;align-items:center;gap:1rem}.tool-time-label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;color:var(--text)}.tool-time-icon{display:flex;color:var(--accent)}.tool-time-icon svg{width:16px;height:16px}.tool-time-bar-track{height:10px;background:var(--border);border-radius:0 4px 4px 0;overflow:hidden}.tool-time-bar-fill{height:100%;min-width:4px;background:var(--accent);border-radius:0 4px 4px 0}.tool-time-value{text-align:right;font-size:.82rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.assessment-container{max-width:720px}.assessment-quiz,.assessment-result{margin-top:2.5rem;padding:2.5rem}.assessment-progress-bar{height:6px;background:var(--bg-elevated);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:.75rem}.assessment-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:var(--radius-pill);transition:width .25s ease}.assessment-quiz h3{margin:1.25rem 0 1.5rem}.search-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#040914b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:10vh 1.5rem 2rem}.search-overlay-box{width:100%;max-width:600px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.search-overlay-input-row{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border);color:var(--text-dim)}.search-overlay-input{flex:1;background:none;border:none;padding:0;color:var(--text);font-size:1rem}.search-overlay-input:focus{outline:none}.search-overlay-close{background:none;border:none;padding:0;color:var(--text-dim);font-size:1.4rem;line-height:1;cursor:pointer}.search-overlay-close:hover{color:var(--text);transform:none;box-shadow:none}.search-overlay-results{max-height:60vh;overflow-y:auto;padding:.5rem}.search-result-item{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;background:none;border:none;border-radius:var(--radius-sm);padding:.75rem;color:var(--text);font-family:inherit}.search-result-item:hover{background:var(--bg-elevated);transform:none;box-shadow:none}.search-result-type{flex-shrink:0;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.25rem .55rem;border-radius:var(--radius-sm)}.search-result-type-case-study{color:var(--accent);background:var(--accent-soft)}.search-result-type-question{color:var(--accent-2);background:var(--accent-2-soft)}.search-result-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.search-result-title{font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-subtitle{font-size:.78rem;color:var(--text-dim)}.search-no-results{padding:1.5rem;text-align:center;color:var(--text-dim);font-size:.9rem}.about-header{max-width:760px}.timeline{position:relative;padding-left:2rem;display:flex;flex-direction:column;gap:2rem}.timeline:before{content:"";position:absolute;left:.65rem;top:.4rem;bottom:.4rem;width:2px;background:var(--border)}.timeline-item{position:relative}.timeline-marker{position:absolute;left:-1.7rem;top:.4rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.timeline-content{padding:1.5rem 1.75rem}.timeline-period{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.timeline-content h3{margin-bottom:.25rem}.timeline-role{color:var(--text);font-weight:600;font-size:.9rem;margin-bottom:.5rem}.beyond-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.tool-hero{display:flex;align-items:center;gap:1.5rem}.tool-hero-icon{flex-shrink:0;width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.practice-cta{display:flex;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:1.75rem 2rem;background:linear-gradient(135deg,var(--accent-soft),var(--accent-2-soft));border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-lg)}.practice-cta-icon{flex-shrink:0;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card);color:var(--accent)}.practice-cta-text{flex:1}.practice-cta-text h3{margin-bottom:.35rem}.practice-cta-text p{font-size:.92rem}.practice-cta-btn{flex-shrink:0;white-space:nowrap}.sandbox-cta{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1.75rem 2rem}.sandbox-inline-link{margin:1.75rem 0}.practice-teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.practice-teaser-card{display:block;padding:1.75rem;text-decoration:none;color:var(--text)}.practice-teaser-card h3{margin:1rem 0 .4rem;font-size:1.05rem}.practice-teaser-count{font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.03em}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.case-study-card{display:flex;flex-direction:column;gap:.75rem;background:var(--bg-card);padding:1.75rem;border-radius:var(--radius-md);border:1px solid var(--border);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.case-study-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border-strong);background:var(--bg-card-hover)}.case-study-card h3{color:var(--text);font-size:1.1rem}.case-study-card .summary{font-size:.92rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.case-study-card .meta{display:flex;gap:.4rem;flex-wrap:wrap}.case-study-card .card-date{font-size:.78rem;color:var(--text-dim)}.empty-state{color:var(--text-dim);font-size:.95rem;padding:2rem 0}.about-section{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}.about-links{display:flex;gap:.75rem;margin-top:1.5rem}.about-links a{text-decoration:none}.site-footer{border-top:1px solid var(--border);margin-top:3rem;background:var(--bg-elevated)}.footer-grid{max-width:var(--container);margin:0 auto;padding:3.5rem 2rem 2rem;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem}.footer-brand p{margin-top:.75rem;font-size:.92rem;max-width:320px}.footer-col h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-col ul a{color:var(--text-muted);text-decoration:none;font-size:.94rem;transition:color .15s ease}.footer-col ul a:hover{color:var(--accent)}.footer-social{display:flex;gap:.75rem}.footer-bottom{max-width:var(--container);margin:0 auto;padding:1.5rem 2rem 2rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.85rem;color:var(--text-dim)}.not-found{min-height:calc(100vh - 300px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;gap:1rem}.not-found-code{font-size:clamp(5rem,15vw,9rem);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.not-found p{max-width:420px}.not-found-actions{margin-top:1rem}.case-studies,.case-study-detail,.login,.admin-dashboard{max-width:800px;margin:0 auto;padding:4rem 2rem}.skills{margin-top:1rem}.skill-tag{display:inline-block;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(56,189,248,.2);padding:.35rem .9rem;border-radius:var(--radius-pill);margin:.2rem;font-size:.85rem;font-weight:500}.filters{display:flex;gap:1rem;margin:1.5rem 0 2rem;flex-wrap:wrap}.filters select{padding:.6rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text)}.case-studies .case-study-list{display:flex;flex-direction:column;gap:1rem}.category-tag{display:inline-block;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);padding:.25rem .7rem;border-radius:var(--radius-sm);margin-right:.4rem;font-size:.78rem}.case-study-form{display:flex;flex-direction:column;gap:.8rem;max-width:600px;margin-top:1rem}.case-study-form label{font-size:.85rem;color:var(--text-muted)}.case-study-form textarea,.case-study-form select{padding:.7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:inherit}.checkbox-label{display:flex;align-items:center;gap:.5rem;flex-direction:row!important}.cancel-btn{background:var(--bg-elevated);color:var(--text);margin-top:1rem;border-radius:var(--radius-sm)}.admin-study-list{margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem}.admin-study-row{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--border);padding:.8rem 1rem;border-radius:var(--radius-sm)}.admin-study-row span:first-child{flex:1}.status-published{color:var(--success);font-size:.8rem}.status-draft{color:var(--warning);font-size:.8rem}.error{color:var(--danger)}form{display:flex;flex-direction:column;gap:1rem;max-width:300px}input,button{padding:.7rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}button{background:var(--accent);color:#04121f;font-weight:600;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width: 960px){.stats-strip{grid-template-columns:1fr;margin-top:2rem}.features-grid,.beyond-work-grid,.cs-grid,.paths-grid,.practice-mode-grid,.level-grid{grid-template-columns:1fr}.level-progress-row{flex-direction:column;align-items:flex-start}.about-section,.footer-grid{grid-template-columns:1fr;gap:2rem}.nav-links{gap:1.25rem}.tool-hero,.practice-cta,.sandbox-cta{flex-direction:column;align-items:flex-start}.practice-cta-btn{width:100%;text-align:center}}@media (max-width: 640px){.navbar{padding:1rem 1.25rem}.nav-link{display:none}.section{padding:0 0 3.5rem}.hero{padding:3.5rem 0 5.5rem}.tool-time-row{grid-template-columns:1fr;gap:.4rem}.tool-time-value{text-align:left}}