@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Outfit:wght@400;600;700&family=Sora:wght@500;600;700&display=swap";:root{--text:#d2dcff;--text-strong:#f8fbff;--bg:#070b1f;--glass:linear-gradient(160deg, #0f172abf 0%, #1e1b4b9e 100%);--glass-border:#e2e8f033;--sans:"Outfit", "Segoe UI", sans-serif;--heading:"Sora", "Trebuchet MS", sans-serif;--mono:"JetBrains Mono", Consolas, monospace;font:18px/1.45 var(--sans);letter-spacing:.01em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{box-sizing:border-box;width:1140px;max-width:100%;min-height:100svh;margin:0 auto}body{background:radial-gradient(circle at 88% 0%, #ec489938, transparent 34%), radial-gradient(circle at 10% 80%, #22d3ee38, transparent 35%), radial-gradient(circle at 50% 100%, #a3e6351f, transparent 40%), var(--bg);min-height:100svh;margin:0}h1,h2{font-family:var(--heading);color:var(--text-strong);font-weight:650}h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.05}@media (width<=1024px){h1{font-size:36px}}h2{letter-spacing:-.015em;margin:0;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.15}@media (width<=1024px){h2{font-size:1.5rem}}p{margin:0}.home-page{flex-direction:column;gap:1.4rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.ambient{filter:blur(3px);pointer-events:none;z-index:0;border-radius:999px;position:absolute}.ambient-one{background:radial-gradient(circle,#d846ef99,#0ea5e900);width:15rem;height:15rem;animation:8s ease-in-out infinite float-bob;top:-4rem;right:-3rem}.ambient-two{background:radial-gradient(circle,#22d3ee7a,#84cc1600);width:18rem;height:18rem;animation:11s ease-in-out infinite reverse float-bob;top:22rem;left:-7rem}.hero-section,.tracks-section,.architecture-section,.courses-section{z-index:1;position:relative}.hero-section{background:radial-gradient(circle at 10% 20%,#10b98138,#0000 35%),radial-gradient(circle at 80% 10%,#ec48993d,#0000 40%),linear-gradient(132deg,#121634 0%,#1d1f4a 42%,#273072 100%);border:1px solid #ffffff29;border-radius:1.6rem;padding:1.25rem;overflow:hidden;box-shadow:0 24px 70px #0f172a73}.top-nav{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{font-family:var(--heading);letter-spacing:.05em;color:#39ff6a;margin:0;font-size:1rem;font-weight:700}.brand-link{align-items:center;gap:.5rem;text-decoration:none;display:flex}.brand-logo{object-fit:contain;flex:none;width:64px;height:64px}.nav-links{gap:.55rem;display:flex}.nav-links a{color:#cfd9ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:.32rem .7rem;font-size:.92rem;text-decoration:none;transition:transform .18s,color .18s,border-color .18s}.nav-links a:hover{color:#fff;border-color:#ffffff59;transform:translateY(-1px)}.nav-links a.active{color:#fff;border-color:#a3e635b3;box-shadow:inset 0 0 0 1px #22d3ee59}.nav-auth{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.nav-user-name{color:#cfd9ff;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.88rem;overflow:hidden}.nav-auth-btn{color:#cfd9ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:.3rem .75rem;font-family:inherit;font-size:.88rem;line-height:1.4;text-decoration:none;transition:transform .18s,color .18s,border-color .18s}.nav-auth-btn:hover{color:#fff;border-color:#ffffff59;transform:translateY(-1px)}.nav-register-btn{padding:.3rem .85rem!important;font-size:.88rem!important}.nav-logout-btn{color:#fca5a5;border-color:#fca5a54d}.nav-logout-btn:hover{color:#f87171;border-color:#f8717199}.auth-form-card{width:100%;max-width:480px;margin:0 auto}.auth-form{flex-direction:column;gap:1.1rem;margin-top:1rem;display:flex}.auth-field{flex-direction:column;gap:.4rem;display:flex}.auth-field label{color:var(--text-secondary,#94a3b8);font-size:.9rem;font-weight:500}.auth-hint{opacity:.7;font-size:.8rem;font-weight:400}.auth-field input{color:#f0f4ff;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff26;border-radius:.5rem;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .18s,box-shadow .18s}.auth-field input:focus{border-color:#6366f1b3;outline:none;box-shadow:0 0 0 3px #6366f126}.auth-field input:disabled{opacity:.5;cursor:not-allowed}.auth-password-wrap{align-items:center;display:flex;position:relative}.auth-password-wrap input{box-sizing:border-box;width:100%;padding-right:2.8rem}.auth-pwd-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:0 .4rem .4rem 0;justify-content:center;align-items:center;width:2.4rem;height:calc(100% - .2rem);padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:.1rem;transform:translateY(-50%)}.auth-pwd-toggle:hover{color:#94a3b8}.auth-pwd-toggle:focus-visible{outline-offset:-2px;outline:2px solid #6366f199}.auth-submit{justify-content:center;width:100%;margin-top:.4rem}.auth-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:.5rem;margin-top:.25rem;padding:.65rem .9rem;font-size:.9rem}.auth-switch{color:#94a3b8;text-align:center;margin-top:1.1rem;font-size:.88rem}.auth-switch a{color:#818cf8;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.hero-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;gap:1rem;margin-top:1.2rem;display:grid}.hero-content{animation:.52s rise-in}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:#7fffe2;margin:0;font-size:.78rem;font-weight:700}.hero-content h1{color:#f8fbff;text-wrap:balance;margin-top:.7rem}.hero-copy{color:#d5deff;max-width:42rem;margin-top:.9rem}.data-source{color:#a5f3fc;margin-top:.25rem;font-size:.85rem}.hero-chips{flex-wrap:wrap;gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.hero-chips li{color:#f0f6ff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:.34rem .7rem;font-size:.86rem}.hero-cta{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:2.75rem;padding:.45rem 1rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary-button{color:#0f172a;background:linear-gradient(112deg,#22d3ee 0%,#a3e635 48%,#f59e0b 100%);box-shadow:0 10px 26px #22d3ee47}.secondary-button{color:#e3ebff;background:#0c12305c;border-color:#e0e7ff66}button.button{font:inherit;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.64;transform:none}.hero-code-card{background:linear-gradient(164deg,#0f172af2 0%,#1e293bdb 100%);border:1px solid #fff3;border-radius:1rem;animation:.7s rise-in;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.window-header{border-bottom:1px solid #e2e8f02e;gap:.35rem;padding:.7rem;display:flex}.window-header span{background:#f97316;border-radius:999px;width:.6rem;height:.6rem}.window-header span:nth-child(2){background:#22d3ee}.window-header span:nth-child(3){background:#a3e635}.hero-code-card pre{font-family:var(--mono);color:#d1fae5;white-space:pre-wrap;word-break:break-word;margin:0;padding:1rem;font-size:.88rem;line-height:1.5;overflow-x:hidden}.tracks-section,.architecture-section,.courses-section{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.35rem;padding:1.15rem}.section-heading{margin-bottom:.9rem}.section-heading h2,.architecture-panel h2,.courses-section h2{margin-top:.45rem}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.track-card{background:linear-gradient(165deg,#fff3 0%,#ffffff14 100%);border:1px solid #ffffff2e;border-radius:1rem;padding:1rem;transition:transform .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff26}.track-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #02081740}.track-card h3{margin:0;font-size:1.2rem}.track-card p{margin-top:.55rem}.track-card ul{margin:.85rem 0 0;padding-left:1rem}.track-card li+li{margin-top:.3rem}.track-card.cyan{color:#01243a;background:linear-gradient(158deg,#67e8f9d9,#bae6fda3)}.track-card.pink{color:#3f0533;background:linear-gradient(158deg,#fbcfe8e0,#f472b670)}.track-card.lime{color:#1e3a11;background:linear-gradient(158deg,#d9f99de6,#84cc1675)}.architecture-section{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:.9rem;display:grid}.architecture-panel{padding:.2rem}.architecture-panel p{margin-top:.7rem}.value-list{margin:.9rem 0 0;padding-left:1rem}.value-list li+li{margin-top:.45rem}.blueprint{background:linear-gradient(165deg,#082f498c,#312e8173);border:1px solid #ffffff40;border-radius:1rem;flex-direction:column;justify-content:center;gap:.5rem;padding:.9rem;display:flex}.layer{text-align:center;color:#f0f9ff;background:#0f172a73;border:1px solid #e2e8f057;border-radius:.7rem;padding:.6rem;font-weight:700}.connector{background:#bae6fdcc;width:.12rem;height:.9rem;margin:0 auto}.courses-section{justify-content:space-between;align-items:center;gap:.9rem;display:flex}.courses-section p{margin-top:.7rem}.page-shell{min-height:100svh}.page-hero{flex-direction:column;gap:.9rem;display:flex}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.course-card{background:linear-gradient(168deg,#0c12308c,#1e40af3d);border:1px solid #e2e8f042;border-radius:1rem;padding:1rem;position:relative}.course-card.locked-course{opacity:.72}.course-lock-badge{background:#0f172a99;border:1px solid #e2e8f042;border-radius:999px;justify-content:center;align-items:center;width:1.85rem;height:1.85rem;display:inline-flex;position:absolute;top:.7rem;right:.7rem}.course-lock-badge.locked{color:#facc15}.course-lock-badge.unlocked{color:#4ade80}.locked-course-note{color:#facc15;font-size:.85rem;font-weight:600}.course-card h3{margin:.75rem 0 0}.course-card p{margin-top:.55rem}.badge-row{flex-wrap:wrap;gap:.45rem;display:flex}.badge-row span{text-transform:uppercase;letter-spacing:.04em;color:#e0f2fe;background:#0e749073;border:1px solid #22d3ee73;border-radius:999px;padding:.22rem .52rem;font-size:.78rem;font-weight:700}.course-outcomes{margin:.85rem 0 0;padding-left:1rem}.course-outcomes li+li{margin-top:.3rem}.course-link-row{margin-top:.9rem}.week-kickoff-note{color:#bae6fd;border-top:1px solid #e2e8f029;margin-top:.75rem;padding-top:.7rem;font-size:.9rem}.curriculum-preview{border-top:1px solid #e2e8f029;margin-top:.8rem;padding-top:.7rem}.preview-title{letter-spacing:.06em;text-transform:uppercase;color:#bae6fd;margin:0;font-size:.8rem}.preview-list{margin:.55rem 0 0;padding-left:1rem}.preview-list li+li{margin-top:.35rem}.preview-list small{color:#c7d2fe;margin-left:.45rem}.syllabus-toggle{color:#bae6fd;letter-spacing:.02em;cursor:pointer;background:#082f4959;border:1px solid #22d3ee80;border-radius:999px;margin-top:.7rem;padding:.38rem .72rem;font-weight:700}.syllabus-toggle:hover{border-color:#38bdf8cc}.expanded-syllabus{flex-direction:column;gap:.7rem;margin-top:.75rem;display:flex}.expanded-module{border-top:1px solid #e2e8f029;padding-top:.7rem}.expanded-module:first-child{border-top:0;padding-top:0}.expanded-module h4{color:#dbeafe;margin:0}.expanded-module p{margin:.4rem 0 0}.text-link{color:#a5f3fc;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.pricing-section{flex-direction:column;align-items:stretch;display:flex}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.tier-card{background:linear-gradient(165deg,#0f172aa6,#3b82f626);border:1px solid #e2e8f033;border-radius:1rem;flex-direction:column;padding:1rem;display:flex}.tier-card.highlight{border-color:#a3e635cc;box-shadow:inset 0 0 0 1px #22d3ee73}.tier-name{letter-spacing:.04em;text-transform:uppercase;color:#a5f3fc;margin:0;font-weight:700}.tier-price{color:#f8fbff;margin-top:.5rem;font-size:2rem;font-weight:700}.tier-price span{color:#dbeafe;margin-left:.2rem;font-size:1rem;font-weight:600}.feature-list{flex-grow:1;margin:.8rem 0 0;padding-left:1rem}.feature-list li+li{margin-top:.3rem}.tier-button{margin-top:1rem}.loading-message{color:#c7d2fe;margin:0;font-weight:600}.detail-grid,.checkout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.detail-stack{flex-direction:column;gap:.85rem;display:flex}.detail-card h2{margin:0}.detail-card h3{margin:.4rem 0 0}.module-list{flex-direction:column;gap:.8rem;display:flex}.module-item{border-top:1px solid #e2e8f029;padding-top:.75rem}.module-item:first-child{border-top:0;padding-top:0}.module-item h3{margin:0}.module-item p{margin-top:.45rem}.module-lessons{margin:.65rem 0 0;padding-left:1rem}.module-lessons li+li{margin-top:.3rem}.endpoint-candidates{font-family:var(--mono);font-size:.88rem}.week-one-plan{background:linear-gradient(166deg,#022c4c94,#0f172a8c);border-color:#38bdf880}.detail-card p{margin-top:.7rem}.checkout-form{flex-direction:column;gap:.75rem;margin-top:.8rem;display:flex}.checkout-form label{color:#dbeafe;flex-direction:column;gap:.3rem;font-weight:600;display:flex}.checkout-form input,.checkout-form select{color:#f8fbff;background:#0f172a73;border:1px solid #e2e8f059;border-radius:.75rem;outline:none;min-height:2.6rem;padding:.4rem .65rem}.checkout-form input:focus,.checkout-form select:focus{border-color:#22d3eebf;box-shadow:0 0 0 2px #22d3ee33}.form-error{color:#fecaca;margin-top:.8rem;font-weight:600}.enrollment-result{border-top:1px solid #e2e8f033;margin-top:.9rem;padding-top:.75rem}.enrollment-result h3{margin:0}.lookup-summary{color:#c7d2fe;margin-top:.8rem}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-one-preview{border-top:1px solid #e2e8f033;margin-top:.8rem;padding-top:.75rem}.week-one-preview h3{margin:0}.progress-summary{border-top:1px solid #e2e8f033;flex-direction:column;gap:.65rem;margin-top:.8rem;padding-top:.75rem;display:flex}.completed-week-list{flex-wrap:wrap;gap:.45rem;display:flex}.completed-week-list span{color:#d9f99d;background:#4d7c0f3d;border:1px solid #a3e6357a;border-radius:999px;padding:.24rem .55rem;font-size:.78rem;font-weight:700}.progress-hint{color:#c7d2fe;margin-top:.45rem;font-size:.9rem}.progress-bar-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.progress-fraction{color:#94a3b8;white-space:nowrap;font-size:.82rem}.progress-bar-track{background:#e2e8f01f;border-radius:999px;height:.45rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#22d3ee,#a3e635);border-radius:999px;height:100%;transition:width .3s}.course-level-meta{color:#94a3b8;margin-top:.25rem;font-size:.85rem}.learning-unenrolled-card{opacity:.75;border-color:#e2e8f024}.learning-unenrolled-card:hover{opacity:1}.badge-enrolled{color:#d9f99d;background:#4d7c0f47!important;border-color:#a3e6357a!important}.badge-not-enrolled{color:#94a3b8;background:#1e293b66!important;border-color:#94a3b84d!important}.quiz-card{gap:0}.quiz-progress-row{align-items:center;gap:.85rem;margin-bottom:1.25rem;display:flex}.quiz-progress-label{color:#94a3b8;white-space:nowrap;font-size:.82rem}.quiz-progress-bar{flex:1}.quiz-question{color:#e2e8f0;margin-bottom:1.1rem;font-size:1.05rem;font-weight:600;line-height:1.55}.quiz-options{flex-direction:column;gap:.55rem;margin-bottom:1.1rem;display:flex}.quiz-option{color:#cbd5e1;text-align:left;cursor:pointer;font:inherit;background:#0f172a4d;border:1px solid #94a3b833;border-radius:8px;align-items:center;gap:.8rem;padding:.75rem 1rem;font-size:.95rem;line-height:1.45;transition:border-color .18s,background .18s;display:flex}.quiz-option:hover:not(:disabled){background:#1e293b80;border-color:#94a3b873}.quiz-option:disabled{cursor:default}.quiz-option-selected{background:#6366f11a;border-color:#6366f18c}.quiz-option-correct{color:#d9f99d!important;background:#4d7c0f33!important;border-color:#a3e6358c!important}.quiz-option-incorrect{color:#fca5a5!important;background:#7f1d1d33!important;border-color:#f871718c!important}.quiz-option-letter{border:1px solid #94a3b859;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;font-size:.8rem;font-weight:700;display:flex}.quiz-feedback{border-radius:8px;flex-direction:column;gap:.55rem;padding:1rem 1.1rem;display:flex}.quiz-feedback-correct{background:#4d7c0f24;border:1px solid #a3e63547}.quiz-feedback-incorrect{background:#7f1d1d24;border:1px solid #f8717147}.quiz-feedback-result{font-size:.95rem;font-weight:700}.quiz-feedback-correct .quiz-feedback-result{color:#d9f99d}.quiz-feedback-incorrect .quiz-feedback-result{color:#fca5a5}.quiz-score-screen{text-align:center;flex-direction:column;align-items:center;gap:.85rem;padding:2rem 0;display:flex}.quiz-score-number{color:#a3e635;font-size:3rem;font-weight:800;line-height:1}.quiz-score-label{color:#94a3b8;max-width:28rem;font-size:.95rem;line-height:1.55}.interview-list{border:1px solid #94a3b826;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.interview-item{border-bottom:1px solid #94a3b81f}.interview-item:last-child{border-bottom:none}.interview-question-header{color:#e2e8f0;text-align:left;cursor:pointer;width:100%;font:inherit;background:#0f172a33;border:none;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;font-size:.95rem;transition:background .18s;display:flex}.interview-question-header:hover,.interview-open{background:#1e293b73}.interview-question-text{flex:1;font-weight:500;line-height:1.45}.interview-chevron{color:#64748b;flex-shrink:0;margin-top:.2rem;font-size:.7rem}.interview-category-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:4px;flex-shrink:0;margin-top:.15rem;padding:.22rem .55rem;font-size:.72rem;font-weight:700}.interview-category-technical{color:#a5b4fc;background:#6366f12e;border:1px solid #6366f147}.interview-category-systemꃞsign,.interview-category-system-design{color:#67e8f9;background:#22d3ee21;border:1px solid #22d3ee38}.interview-category-behavioral{color:#fde68a;background:#fbbf2421;border:1px solid #fbbf2438}.interview-answer-panel{background:#0f172a59;border-top:1px solid #94a3b81a;padding:1rem 1.1rem 1.2rem}.week-lesson-panel{background:linear-gradient(166deg,#03254194,#0f172a9e);border-color:#38bdf873}.lesson-meta-row{flex-wrap:wrap;gap:.55rem;margin-top:.95rem;display:flex}.lesson-meta-row span{color:#e5eefc;background:#0f172a3d;border:1px solid #94a3b847;border-radius:999px;padding:.36rem .75rem;font-size:.88rem}.lesson-callout{background:#0f172a57;border-color:#22d3ee47}.lesson-section-block{flex-direction:column;gap:1rem;display:flex}.lesson-section-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.85rem;display:grid}.lesson-card{min-height:auto}.lesson-two-column{flex-direction:column;gap:.85rem;display:flex}.lesson-steps{margin:.65rem 0 0;padding-left:1.15rem}.lesson-steps li+li{margin-top:.45rem}.lesson-disclosure-list{padding-left:1.15rem}.lesson-disclosure-item{margin:0}.lesson-disclosure-item+.lesson-disclosure-item{margin-top:.8rem}.lesson-disclosure-item>p{margin:0}.lesson-disclosure{background:#0f172a42;border:1px solid #94a3b847;border-radius:.85rem;margin-top:.55rem;padding:.6rem .75rem}.lesson-disclosure summary{cursor:pointer;color:#a5f3fc;font-weight:700}.lesson-disclosure p{color:#e2e8f0;margin:.6rem 0 0}.lesson-code-block{color:#d1fae5;white-space:pre-wrap;background:#02061799;border:1px solid #38bdf838;border-radius:.75rem;margin:.7rem 0 0;padding:.8rem .9rem;overflow-x:auto}.code-block-wrapper{background:#1e1e1e;border:1px solid #38bdf833;border-radius:.5rem;margin:.75rem 0 0;position:relative;overflow:hidden}.code-block-wrapper:before{content:"";background:#1e1e1ef2;border-bottom:1px solid #ffffff12;height:2.2rem;display:block}.code-copy-btn{color:#8b9ab0;cursor:pointer;background:0 0;border:none;border-left:1px solid #ffffff12;border-radius:0 .5rem 0 0;align-items:center;gap:.35rem;height:2.2rem;padding:0 .75rem;font-family:inherit;font-size:.78rem;transition:color .15s,background .15s;display:flex;position:absolute;top:0;right:0}.code-copy-btn:hover{color:#e2e8f0;background:#ffffff0d}.code-copy-btn--copied{color:#86efac}.code-copy-btn svg{flex-shrink:0}.code-block-wrapper>div{border-radius:0!important;margin:0!important;overflow-x:auto!important}.lesson-bridge{border-color:#a3e6354d}.week2-hook-card{background:linear-gradient(166deg,#14280a73,#0f172a8c);border-color:#a3e63566}.week-nav{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.35rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.week-nav-btn{color:#dbeafe;background:#0f172a4d;border:1px solid #e2e8f038;border-radius:.75rem;align-items:center;gap:.55rem;max-width:38%;padding:.45rem .85rem;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:flex}.week-nav-btn:hover{background:#0f172a80;border-color:#22d3ee8c;transform:translateY(-1px)}.week-nav-next{text-align:right;flex-direction:row}.week-nav-prev{text-align:left}.week-nav-arrow{color:#7fffe2;flex-shrink:0;font-size:1.1rem}.week-nav-label{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;font-size:.84rem;line-height:1.35;display:flex;overflow:hidden}.week-nav-caption{text-transform:uppercase;letter-spacing:.07em;color:#7fffe2;font-size:.72rem;font-weight:700}.week-nav-indicator{color:#c7d2fe;white-space:nowrap;flex-shrink:0;font-size:.88rem;font-weight:700}.week-nav-of{opacity:.65;font-weight:400}.week-nav-spacer{flex:none;max-width:38%}.lesson-brief-card{background:linear-gradient(166deg,#03254185,#0f172a99);border-color:#38bdf861}.on-demand-video-card{background:linear-gradient(160deg,#064e3b66,#0f172a9e);border-color:#a3e63559}.on-demand-video-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.on-demand-video-header h3{color:#f0fdf4;margin:0}.on-demand-badge{text-transform:uppercase;letter-spacing:.08em;color:#04150f;background:linear-gradient(120deg,#a3e635,#22d3ee);border-radius:999px;flex-shrink:0;align-items:center;gap:.32rem;padding:.3rem .65rem .3rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.on-demand-video-thumb{cursor:pointer;aspect-ratio:16/9;background:#0b1220;border:1px solid #a3e63552;border-radius:.85rem;width:100%;margin-top:.9rem;padding:0;display:block;position:relative;overflow:hidden}.on-demand-video-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .32s,filter .32s;display:block}.on-demand-video-thumb:hover img,.on-demand-video-thumb:focus-visible img{filter:brightness(.7);transform:scale(1.03)}.on-demand-play-btn{color:#fff;background:#0f172a9e;border:2px solid #ffffffd9;border-radius:999px;justify-content:center;align-items:center;width:4rem;height:4rem;transition:transform .22s,background .22s,border-color .22s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.on-demand-play-btn svg{margin-left:.2rem}.on-demand-video-thumb:hover .on-demand-play-btn,.on-demand-video-thumb:focus-visible .on-demand-play-btn{background:#22d3eed9;border-color:#f0fdf4;transform:translate(-50%,-50%)scale(1.08)}.on-demand-video-frame{aspect-ratio:16/9;border:1px solid #a3e63552;border-radius:.85rem;width:100%;margin-top:.9rem;position:relative;overflow:hidden}.on-demand-video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.project-code-card{background:linear-gradient(160deg,#0f172aa6,#1e293b73);border-color:#e2e8f052}.project-code-badge{text-transform:uppercase;letter-spacing:.08em;color:#0f172a;background:linear-gradient(120deg,#e2e8f0,#7fffe2);border-radius:999px;flex-shrink:0;align-items:center;gap:.32rem;padding:.3rem .65rem .3rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.project-code-link{color:#f8fbff;background:#0f172a80;border:1px solid #e2e8f04d;border-radius:.7rem;align-items:center;gap:.55rem;margin-top:.9rem;padding:.65rem 1.1rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.project-code-link:hover,.project-code-link:focus-visible{background:#22d3ee1f;border-color:#7fffe28c;transform:translateY(-1px)}.project-code-link svg:last-child{margin-left:auto}.project-code-actions{flex-wrap:wrap;gap:.75rem;display:flex}.project-code-actions .project-code-link{margin-top:.9rem}.project-code-download{background:linear-gradient(120deg,#a3e63529,#22d3ee1a);border-color:#a3e63566}.project-code-download:hover,.project-code-download:focus-visible{background:linear-gradient(120deg,#a3e63547,#22d3ee2e);border-color:#a3e635a6}.walkthrough-steps{flex-direction:column;margin-top:1rem;display:flex}.walkthrough-step{border-top:1px solid #e2e8f024;grid-template-columns:2.6rem 1fr;gap:.85rem;padding-top:1.1rem;padding-bottom:1.1rem;display:grid}.walkthrough-step:first-child{border-top:0;padding-top:0}.walkthrough-step:last-child{padding-bottom:0}.step-number{color:#22d3ee7a;font-variant-numeric:tabular-nums;justify-content:center;align-items:flex-start;padding-top:.15rem;font-size:1.55rem;font-weight:800;line-height:1;display:flex}.step-content{flex-direction:column;gap:.5rem;min-width:0;display:flex}.step-content h4{color:#e0f2fe;margin:0}.step-instruction{color:#dbeafe;margin:0}.step-thinking{color:#bfdbfe;background:#0f172a52;border-left:3px solid #a3e63580;border-radius:.65rem;margin:0;padding:.65rem .85rem;font-size:.92rem;font-style:italic;line-height:1.55}.step-output-label{text-transform:uppercase;letter-spacing:.07em;color:#7fffe2;margin:0;font-size:.76rem;font-weight:700}.step-output{color:#e0e7ff;background:#1e3a8a33;border:1px solid #6366f147;border-radius:.65rem;margin:0;padding:.6rem .8rem;font-size:.92rem;line-height:1.5}.lesson-table-wrap{margin-top:.75rem;overflow-x:auto}.lesson-table{border-collapse:collapse;color:#dbeafe;width:100%;font-size:.87rem}.lesson-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#7fffe2;white-space:nowrap;border-bottom:1px solid #38bdf84d;padding:.5rem .7rem;font-size:.75rem;font-weight:700}.lesson-table td{vertical-align:top;border-bottom:1px solid #e2e8f01a;padding:.55rem .7rem;line-height:1.45}.lesson-table tr:last-child td{border-bottom:0}.method-badge{font-family:var(--mono);letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:.18rem .52rem;font-size:.74rem;font-weight:700;display:inline-block}.method-get{color:#67e8f9;background:#06b6d42e;border:1px solid #06b6d461}.method-post{color:#86efac;background:#22c55e24;border:1px solid #22c55e52}.resource-type-badge{white-space:nowrap;border-radius:999px;padding:.18rem .52rem;font-size:.75rem;font-weight:700;display:inline-block}.type-read{color:#a5f3fc;background:#06b6d424;border:1px solid #06b6d44d}.type-write{color:#fed7aa;background:#f9731624;border:1px solid #f973164d}.resource-name-cell{color:#e0f2fe;white-space:nowrap;font-weight:700}.resource-example-cell{color:#bfdbfe;font-style:italic}.mono-cell{font-family:var(--mono);color:#bae6fd;font-size:.82rem}.path-cell{white-space:nowrap}.status-cell{font-family:var(--mono);color:#86efac;white-space:nowrap;text-align:center;font-weight:700}.contract-card{gap:.75rem}.contract-path{align-items:center;gap:.55rem;margin:0;display:flex}.contract-path-text{font-family:var(--mono);color:#bae6fd;font-size:.92rem}.contract-section-label{text-transform:uppercase;letter-spacing:.07em;color:#7fffe2;margin:0;font-size:.76rem;font-weight:700}.contract-error-item{border-top:1px solid #e2e8f01f;padding-top:.7rem}.contract-error-item:first-child{border-top:0;padding-top:0}.contract-error-label{color:#fca5a5;margin:0 0 .35rem;font-size:.84rem;font-weight:700}.contact-panel p{max-width:55rem}@keyframes float-bob{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.hero-layout,.track-grid,.architecture-section{grid-template-columns:1fr}.courses-section{flex-direction:column;align-items:flex-start}.catalog-grid,.pricing-grid,.detail-grid,.checkout-grid,.lesson-section-grid,.lesson-two-column{grid-template-columns:1fr}}@media (width<=680px){.home-page{padding:.8rem}.hero-section,.tracks-section,.architecture-section,.courses-section{border-radius:1rem;padding:1rem}.top-nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}}