@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@700&display=swap";*,:before,:after{box-sizing:border-box}:root{--navy:#26165f;--indigo:#45358a;--gold:#e8c547;--gold-dark:#c9a830;--ink:#18142f;--muted:#5a5276;--soft:#f7f5fd;--line:#ddd6ef;--white:#fff;--green:#117b55;--red:#b63c49}html{scroll-behavior:smooth}body{background:var(--soft);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}button{cursor:pointer}.site-nav,.app-topbar{z-index:20;border-bottom:2px solid var(--gold-dark);background:#26165ff5;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:fixed;top:0;left:0;right:0}.app-topbar{position:sticky}.nav-logo{color:var(--white);background:0 0;border:0;font-family:Playfair Display,serif;font-size:23px;font-weight:700}.nav-logo span{color:var(--gold)}.nav-logo.dark{color:var(--navy)}.nav-cta,.btn-hero,.btn-pricing{background:var(--gold);color:var(--navy);border:0;border-radius:6px;font-weight:800;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s}.nav-cta{padding:9px 22px}.nav-cta:hover,.btn-hero:hover,.btn-pricing:hover{background:var(--gold-dark);transform:translateY(-1px)}.hero{background:linear-gradient(#26165fe0,#26165feb),url(https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1800&q=80) 50%/cover;place-items:center;min-height:92vh;padding:120px 24px 70px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(90deg, var(--navy), var(--gold), var(--navy));height:6px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:2;text-align:center;max-width:760px;position:relative}.hero-eyebrow,.section-label{color:var(--gold-dark);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.hero h1{color:var(--white);margin:16px 0 2px;font-family:Playfair Display,serif;font-size:clamp(54px,9vw,104px);line-height:.95}.hero-title{color:var(--white);margin:0 0 18px;font-size:clamp(26px,5vw,52px);font-weight:800;line-height:1.05}.hero-sub{color:#ffffffbf;max-width:590px;margin:0 auto 34px;font-size:18px;line-height:1.7}.hero-cta-group{gap:12px;width:min(100%,340px);margin:0 auto;display:grid}.btn-hero{padding:17px 30px;font-size:17px;box-shadow:0 18px 40px #00000042}.btn-hero:disabled{cursor:not-allowed;opacity:.55;transform:none}.hero-fine{color:#ffffff94;font-size:13px}.hero-art{z-index:1;pointer-events:none;position:absolute;inset:0}.score-card,.mini-card{color:var(--white);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff21;border:1px solid #fff3;position:absolute;box-shadow:0 18px 50px #0003}.score-card{border-radius:8px;width:210px;padding:18px;bottom:16vh;right:10vw}.score-card span,.score-summary span{color:#ffffffb8;font-size:13px;display:block}.score-card strong,.score-summary strong{margin-top:6px;font-size:38px;display:block}.meter{background:#fff3;border-radius:999px;height:8px;margin-top:12px;overflow:hidden}.meter i{background:var(--gold);width:82%;height:100%;display:block}.mini-card{border-radius:50%;place-items:center;width:96px;height:96px;font-weight:800;display:grid}.mini-card.law{top:22vh;left:10vw}.mini-card.ethics{top:24vh;right:17vw}.proof-strip{background:var(--white);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:18px 34px;padding:20px 24px;display:flex}.proof-item{color:var(--muted);font-size:14px}.proof-item strong{color:var(--navy)}section{padding:82px 24px}.section-inner{max-width:860px;margin:0 auto}.section-title{color:var(--navy);margin:12px 0 16px;font-family:Playfair Display,serif;font-size:clamp(30px,4vw,43px);line-height:1.15}.section-sub{max-width:620px;color:var(--muted);font-size:16px;line-height:1.7}.problem,.features,.faq{background:var(--white)}.problem-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:38px;display:grid}.problem-card,.feature-card,.pricing-card,.question-card,.quiz-sidebar,.history-panel{border:1px solid var(--line);background:var(--white);border-radius:8px}.problem-card,.feature-card{padding:22px}.problem-card{background:var(--soft);border-left:4px solid var(--line)}.problem-card.highlight{border-left-color:var(--gold)}.problem-card strong,.feature-card h3{color:var(--navy);margin-bottom:8px;display:block}.problem-card p,.feature-card p,.step-content p,.history-panel p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.steps{gap:28px;margin-top:44px;display:grid;position:relative}.step{grid-template-columns:50px 1fr;align-items:start;gap:20px;display:grid}.step-num{background:var(--navy);width:48px;height:48px;color:var(--white);box-shadow:0 0 0 5px var(--soft);border-radius:999px;place-items:center;font-weight:800;display:grid}.step-content h3{color:var(--navy);margin:7px 0 6px}.feature-icon{background:linear-gradient(135deg, var(--gold), var(--indigo));border-radius:8px;width:30px;height:30px;margin-bottom:14px}.states-section{background:linear-gradient(135deg, var(--navy), var(--indigo));text-align:center;position:relative;overflow:hidden}.states-section .section-title{color:var(--white)}.states-section .section-sub{color:#ffffffb8;margin-left:auto;margin-right:auto}.states-grid{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:34px;display:flex}.state-pill{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff2e;border-radius:4px;padding:6px 12px;font-size:12px}.pricing{text-align:center}.pricing-card{max-width:430px;margin:42px auto 0;overflow:hidden;box-shadow:0 18px 50px #26165f21}.pricing-header{background:var(--navy);border-bottom:4px solid var(--gold);padding:28px}.pricing-header h3{color:var(--white);margin:0 0 5px;font-family:Playfair Display,serif;font-size:24px}.pricing-header p{color:#ffffffad;margin:0}.pricing-body{padding:30px}.price-amount{color:var(--navy);font-family:Playfair Display,serif;font-size:58px}.price-detail,.pricing-note{color:var(--muted);font-size:13px}.pricing-features{text-align:left;gap:12px;margin:26px 0;display:grid}.pf-item{color:var(--muted);gap:10px;font-size:14px;display:flex}.pf-check{color:var(--green);font-size:12px;font-weight:800}.btn-pricing{text-align:center;cursor:pointer;width:100%;padding:15px;display:block}.faq-list{border-top:1px solid var(--line);margin-top:34px}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;color:var(--navy);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-weight:800;display:flex}.faq-icon{color:var(--gold-dark);flex:none;font-size:22px;transition:transform .15s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-a{max-width:680px;color:var(--muted);margin:0;padding:0 0 20px;line-height:1.7;display:none}.faq-item.open .faq-a{display:block}footer{background:var(--navy);color:#ffffff80;text-align:center;padding:28px 24px;font-size:13px}footer a{color:#ffffffb8;text-decoration:none}.app-shell{background:var(--soft);min-height:100vh}.app-topbar{background:var(--white)}.quiz-layout{grid-template-columns:280px minmax(0,1fr) 260px;gap:18px;max-width:1240px;margin:0 auto;padding:30px 24px 60px;display:grid}.quiz-sidebar,.history-panel{align-self:start;padding:22px}.quiz-sidebar h1,.history-panel h2{color:var(--navy);margin:8px 0 10px}.quiz-sidebar label{color:var(--navy);margin:22px 0 8px;font-size:13px;font-weight:800;display:block}.quiz-sidebar select{border:1px solid var(--line);background:var(--white);width:100%;min-height:42px;color:var(--ink);border-radius:6px;padding:0 10px}.api-message{border-left:3px solid var(--gold);color:var(--muted);margin:12px 0 0;padding-left:10px;font-size:13px;line-height:1.5}.score-summary{background:var(--navy);color:var(--white);border-radius:8px;margin-top:18px;padding:18px}.quiz-panel{gap:16px;display:grid}.loading-card{border:1px solid var(--line);background:var(--white);color:var(--navy);border-radius:8px;padding:18px;font-weight:800}.question-card{padding:24px}.question-number{color:var(--gold-dark);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.question-card h2{color:var(--navy);margin:8px 0 18px;font-size:22px;line-height:1.35}.answers{gap:10px;display:grid}.answer,.ghost-btn{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px}.answer{text-align:left;min-height:48px;padding:12px 14px}.answer.selected{border-color:var(--navy);box-shadow:inset 4px 0 0 var(--navy)}.answer.correct{box-shadow:inset 4px 0 0 var(--green);background:#117b5517;border-color:#117b5559}.answer.wrong{box-shadow:inset 4px 0 0 var(--red);background:#b63c4914;border-color:#b63c4959}.explanation{border-top:1px solid var(--line);color:var(--muted);margin:16px 0 0;padding-top:14px;line-height:1.65}.quiz-actions{flex-wrap:wrap;gap:10px;display:flex}.ghost-btn{padding:12px 16px;font-weight:800}.ghost-btn:disabled{cursor:not-allowed;opacity:.55}.history-item{border-bottom:1px solid var(--line);gap:2px;padding:12px 0;display:grid}.history-item strong{color:var(--navy);font-size:24px}.history-item span,.history-item small{color:var(--muted)}@media (width<=980px){.quiz-layout{grid-template-columns:1fr}.history-panel{order:3}}@media (width<=720px){.site-nav,.app-topbar{padding:12px 16px}.hero{min-height:94vh;padding-top:110px}.score-card,.mini-card{display:none}.problem-grid,.feature-grid{grid-template-columns:1fr}section{padding:64px 18px}.quiz-layout{padding:20px 16px 44px}}