:root{--navy-950:#0c1b2a;--navy-900:#13293d;--navy-800:#193951;--paper:#f5f1e8;--paper-strong:#fffdf8;--ink:#182533;--muted:#66717c;--red:#b7282e;--red-dark:#8e1e23;--green:#2d7a5b;--green-soft:#e3f2e9;--line:#13293d21;--shadow:0 20px 60px #0c1b2a17;--radius-lg:28px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.shell{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f1e8eb;position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:76px;display:grid}.brand{justify-self:start;align-items:center;gap:12px;display:flex}.brand-mark{background:var(--navy-950);color:#fff;border-radius:14px 14px 14px 5px;place-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:.98rem}.brand small{color:var(--muted);margin-top:1px;font-size:.72rem}.main-nav{align-items:center;gap:28px;font-size:.92rem;font-weight:650;display:flex}.main-nav a:hover{color:var(--red)}.header-action{justify-self:end}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:750;transition:all .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-primary{background:var(--red);color:#fff;box-shadow:0 10px 24px #b7282e33}.button-primary:hover{background:var(--red-dark)}.button-secondary,.button-ghost{border-color:var(--line);background:#ffffff7a}.button-light{color:var(--navy-950);background:#fff}.wide{width:100%}.eyebrow{color:var(--red);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:.74rem;font-weight:850;display:inline-block}.eyebrow-light{color:#f0b8ba}.hero{padding:86px 0 72px;overflow:hidden}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:76px;display:grid}.hero h1,.page-heading h1,.dashboard-top h1{color:var(--navy-950);letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,6vw,5.3rem);font-weight:500;line-height:.98}.hero-lead{color:#53606b;max-width:650px;margin:26px 0 30px;font-size:1.18rem}.hero-actions,.trust-row{flex-wrap:wrap;gap:14px;display:flex}.trust-row{color:var(--muted);margin-top:26px;font-size:.86rem}.miniature-scene{min-height:470px;box-shadow:var(--shadow);isolation:isolate;background:#b8d1dc;border-radius:36px 36px 36px 10px;position:relative;overflow:hidden}.scene-sky{z-index:-3;background:radial-gradient(circle at 14% 18%,#ffffffd9,#0000 18%),linear-gradient(#c9dee7 0 32%,#789166 32% 100%);position:absolute;inset:0}.scene-road{background:#62696c;position:absolute;box-shadow:inset 0 0 0 2px #ffffff0d}.scene-road-horizontal{height:31%;top:44%;left:-10%;right:-10%;transform:rotate(-4deg)}.scene-road-vertical{width:33%;height:120%;top:-10%;left:34%;transform:rotate(2deg)}.road-line{z-index:2;border-style:dashed;border-color:#ffffffbf;position:absolute}.horizontal-line{border-width:2px 0 0;width:120%;top:59%;left:-10%;transform:rotate(-4deg)}.vertical-line{border-width:0 0 0 2px;height:120%;top:-10%;left:50%;transform:rotate(2deg)}.mini-car{z-index:4;border-radius:16px 20px 10px 10px;width:82px;height:43px;position:absolute;box-shadow:0 13px 18px #00000038}.mini-car:before,.mini-car:after{content:"";background:#1c2328;border-radius:4px;width:13px;height:10px;position:absolute;bottom:-4px}.mini-car:before{left:12px}.mini-car:after{right:12px}.mini-car span{opacity:.8;background:#bfd5dd;border-radius:7px 10px 3px 3px;position:absolute;inset:7px 20px 18px}.car-red{background:#b52f33;top:59%;left:22%;transform:rotate(-4deg)perspective(300px)rotateY(-7deg)}.car-blue{background:#254d69;top:36%;right:21%;transform:rotate(93deg)scale(.9)}.traffic-sign{clip-path:polygon(50% 0,100% 86%,0 86%);color:#172330;z-index:5;background:#f8f3e7;border:6px solid #cf3a3e;place-items:center;width:48px;height:48px;padding-top:10px;font-weight:900;display:grid;position:absolute;top:22%;left:16%}.scene-label{z-index:9;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1b2ad6;border-radius:16px;padding:14px 18px;position:absolute;bottom:22px;left:22px}.scene-label span,.scene-label strong{display:block}.scene-label span{opacity:.7;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.scene-label strong{margin-top:3px}.section{padding:74px 0}.section-heading{margin-bottom:34px}.section-heading.narrow{max-width:720px}.section-heading h2,.split-callout h2,.lesson-content h2{color:var(--navy-950);letter-spacing:-.025em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:500;line-height:1.08}.section-heading p{color:var(--muted);font-size:1.05rem}.method-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.method-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff8c;min-height:190px;padding:24px}.method-card>span{color:var(--red);font-size:.76rem;font-weight:850}.method-card h3{color:var(--navy-950);margin:28px 0 7px;font-size:1.15rem}.method-card p{color:var(--muted);margin:0}.section-contrast{background:var(--navy-950);color:#fff}.split-callout{grid-template-columns:1.3fr 1fr auto;align-items:center;gap:42px;display:grid}.split-callout h2{color:#fff;font-size:clamp(2rem,4vw,3.1rem)}.split-callout p{color:#b9c5cf}.site-footer{border-top:1px solid var(--line);padding:28px 0}.footer-inner{justify-content:space-between;gap:24px;font-size:.86rem;display:flex}.muted{color:var(--muted)}.page-shell{min-height:75vh;padding-top:56px;padding-bottom:80px}.page-heading{max-width:760px;margin-bottom:44px}.page-heading h1,.dashboard-top h1{font-size:clamp(2.6rem,5vw,4.5rem)}.page-intro{color:var(--muted);font-size:1.08rem}.dashboard-top{justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px;display:flex}.overall-progress{background:var(--paper-strong);border:1px solid var(--line);border-radius:18px;align-items:center;gap:15px;padding:16px 20px;display:flex}.progress-number{background:radial-gradient(circle at center, var(--paper-strong) 57%, transparent 59%), conic-gradient(var(--green) 68%, #d8ddd8 68%);width:62px;height:62px;color:var(--navy-950);border-radius:50%;place-items:center;font-weight:850;display:grid}.overall-progress strong,.overall-progress span{display:block}.overall-progress span{color:var(--muted);font-size:.82rem}.dashboard-grid{grid-template-columns:1.65fr .75fr;gap:18px;display:grid}.continue-card,.review-card,.info-card,.course-module,.rule-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 8px 30px #0c1b2a0a}.continue-card{grid-template-columns:1fr auto;align-items:end;gap:26px;padding:32px;display:grid}.continue-card>div:first-child{grid-column:1/-1}.continue-card h2,.review-card h2{color:var(--navy-950);margin:4px 0 8px}.continue-card p,.review-card p,.info-card p{color:var(--muted);margin:0}.lesson-progress{min-width:260px}.lesson-progress>span{color:var(--muted);margin-top:7px;font-size:.78rem;display:inline-block}.progress-track{background:#e4e3dd;border-radius:999px;height:9px;overflow:hidden}.progress-track span{background:var(--green);border-radius:inherit;height:100%;display:block}.progress-track.slim{height:5px}.review-card{flex-direction:column;padding:30px;display:flex}.big-stat{color:var(--red);margin-top:20px;font-family:Georgia,Times New Roman,serif;font-size:4.4rem;font-weight:500;line-height:.85}.text-link{color:var(--red);font-weight:800}.review-card .text-link{margin-top:auto;padding-top:30px}.card-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800}.dashboard-section{padding-bottom:34px}.section-heading-row{justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px;display:flex}.section-heading-row h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2.3rem;font-weight:500}.knowledge-list{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff73;padding:10px 28px}.knowledge-row{border-bottom:1px solid var(--line);padding:17px 0}.knowledge-row:last-child{border-bottom:0}.knowledge-meta{justify-content:space-between;margin-bottom:8px;display:flex}.knowledge-meta span{color:var(--muted)}.dashboard-bottom-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.info-card{padding:25px}.info-card h3{margin:12px 0 8px}.info-card.warning{border-top:4px solid #d8a143}.course-list{gap:14px;display:grid}.course-module{grid-template-columns:96px 1fr;padding:26px;display:grid}.module-number{color:#a0a9ad;font-family:Georgia,Times New Roman,serif;font-size:2.6rem}.module-title-row,.module-footer{justify-content:space-between;gap:30px;display:flex}.module-title-row h2{color:var(--navy-950);margin:0}.module-title-row p{color:var(--muted);margin:5px 0 22px}.module-title-row>span,.module-footer{color:var(--muted);font-size:.84rem}.module-footer{margin-top:10px}.lesson-page{min-height:80vh}.lesson-shell{grid-template-columns:310px minmax(0,1fr);gap:70px;padding-top:50px;padding-bottom:90px;display:grid}.lesson-sidebar{align-self:start;position:sticky;top:110px}.back-link{color:var(--muted);margin-bottom:34px;font-size:.86rem;display:block}.lesson-sidebar h1{color:var(--navy-950);margin:0;font-family:Georgia,Times New Roman,serif;font-size:2.4rem;font-weight:500;line-height:1.04}.lesson-sidebar-progress{margin:24px 0}.lesson-sidebar-progress>span{color:var(--muted);margin-top:7px;font-size:.78rem;display:block}.lesson-nav{border-top:1px solid var(--line);display:grid}.lesson-nav a{color:var(--muted);border-bottom:1px solid var(--line);padding:12px 0;font-size:.88rem}.lesson-nav a.active{color:var(--red);font-weight:750}.lesson-content{min-width:0}.lesson-block{padding:30px 0 55px}.lesson-label{color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:850}.lesson-lead{color:#4c5963;max-width:760px;margin-top:22px;font-size:1.16rem}.rule-card{grid-template-columns:58px 1fr;gap:20px;padding:28px;display:grid}.rule-icon{background:var(--navy-950);color:#fff;border-radius:15px;place-items:center;width:50px;height:50px;font-weight:900;display:grid}.rule-card h3{color:var(--navy-950);margin:4px 0 14px;font-size:1.35rem}.rule-card ol{padding-left:20px}.rule-card li{padding:5px 0}.source-note{border-top:1px solid var(--line);color:var(--muted);margin-top:20px;padding-top:15px;font-size:.82rem}.lesson-scene{padding:65px 0 15px}.scene-copy{max-width:700px;margin-bottom:22px}.scene-copy p{color:var(--muted)}.miniature-scene.compact{min-height:390px}.practice-page{padding-top:26px;padding-bottom:80px}.practice-topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:24px;font-size:.82rem;display:grid}.practice-topbar>div:first-child span,.practice-topbar>div:first-child strong{display:block}.question-layout{grid-template-columns:1.08fr .92fr;gap:22px;min-height:650px;display:grid}.question-scene{grid-template-rows:1fr auto;gap:14px;display:grid}.question-scene-art{min-height:520px}.driver-view{opacity:.9;z-index:10;background:#111b22;border-radius:50% 50% 0 0;width:70%;height:160px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%)}.scene-hint{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff80;gap:14px;padding:14px 17px;font-size:.84rem;display:flex}.scene-hint span{color:var(--red);font-weight:800}.scene-hint p{color:var(--muted);margin:0}.question-panel{padding:26px 10px 10px 18px}.question-panel h1{color:var(--navy-950);margin:0 0 26px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.3vw,3.15rem);font-weight:500;line-height:1.08}.answer-list{gap:10px;margin-bottom:18px;display:grid}.answer-option{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff85;border-radius:15px;grid-template-columns:42px 1fr;align-items:center;gap:10px;width:100%;min-height:68px;padding:10px 16px;display:grid}.answer-option>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.78rem;display:grid}.answer-option:hover,.answer-option.selected{border-color:var(--navy-800);background:var(--paper-strong)}.answer-option.answer-correct{border-color:var(--green);background:var(--green-soft)}.answer-option.answer-wrong{border-color:var(--red);background:#f9e5e3}.feedback-box{border-radius:var(--radius-md);margin-top:10px;padding:22px}.feedback-box.success{background:var(--green-soft);border:1px solid #2d7a5b40}.feedback-box.error{background:#f8e7e5;border:1px solid #b7282e33}.feedback-kicker{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:900}.feedback-box.error .feedback-kicker{color:var(--red)}.feedback-box h2{margin:5px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:500}.learning-note,.source-box{border-top:1px solid #13293d1f;margin-top:18px;padding-top:16px}.learning-note p,.source-box small{color:#57636b}.source-box span,.source-box strong,.source-box small{display:block}.source-box span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.72rem}.text-button{color:var(--red);cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;font-weight:800}@media (max-width:900px){.header-inner{grid-template-columns:1fr auto}.main-nav{display:none}.hero-grid,.split-callout,.question-layout,.lesson-shell{grid-template-columns:1fr}.hero-grid{gap:42px}.method-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.lesson-sidebar{position:static}.lesson-nav{display:none}.question-panel{padding-left:0}}@media (max-width:620px){.shell{width:min(100% - 24px,1180px)}.header-inner{min-height:68px}.brand small,.header-action{display:none}.hero{padding-top:48px}.hero h1{font-size:3.25rem}.miniature-scene{min-height:350px}.method-grid{grid-template-columns:1fr}.dashboard-top,.section-heading-row,.module-title-row,.module-footer{flex-direction:column;align-items:stretch}.dashboard-top{display:flex}.continue-card{grid-template-columns:1fr}.lesson-progress{min-width:0}.course-module{grid-template-columns:1fr}.module-number{font-size:1.7rem}.practice-topbar{grid-template-columns:1fr;gap:10px}.question-scene-art{min-height:390px}.footer-inner{flex-direction:column}}