:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:#020617;min-height:100vh;position:relative;overflow:hidden}.background-glow{pointer-events:none;background:radial-gradient(circle at 0 0,#22c55e2e,#0000 32%),radial-gradient(circle at 100% 100%,#ef444421,#0000 32%);position:fixed;inset:0}.container{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 48px;position:relative}.site-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-icon{background:#22c55e24;border:1px solid #4ade8038;border-radius:18px;place-items:center;width:46px;height:46px;font-size:24px;display:grid;box-shadow:0 14px 40px #14532d3d}.brand-title{color:#86efaceb;letter-spacing:.25em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.brand-subtitle{color:#94a3b8;margin:3px 0 0;font-size:12px}.header-actions{align-items:center;gap:12px;display:flex}.ghost-button{color:#94a3b8;cursor:pointer;background:0 0;border:0;transition:color .2s}.ghost-button:hover{color:#f8fafc}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad1;border:1px solid #1e293b;border-radius:32px;box-shadow:0 24px 80px #00000052}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:24px;display:grid}.hero-copy{gap:24px;display:grid}.pill{color:#bbf7d0;background:#4ade801a;border:1px solid #4ade8038;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:9px 16px;font-size:14px;display:inline-flex}.pill span{background:#86efac;border-radius:999px;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}h1,h2,p{margin-top:0}.hero h1{letter-spacing:-.05em;max-width:760px;margin-bottom:0;font-size:clamp(40px,6vw,72px);font-weight:950;line-height:.95}.hero-text{color:#cbd5e1;max-width:680px;font-size:clamp(18px,2.2vw,22px);line-height:1.55}.button-row{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:20px;padding:18px 24px;font-weight:900;transition:transform .18s,background .18s,border-color .18s}.primary-button{color:#020617;background:#22c55e;box-shadow:0 18px 50px #14532d5c}.primary-button:hover{background:#4ade80;transform:translateY(-1px)}.secondary-button{color:#f8fafc;background:#0206174d;border:1px solid #334155}.secondary-button:hover{background:#1e293b;transform:translateY(-1px)}.note-card{color:#cbd5e1;background:#0f172ab8;border:1px solid #1e293b;border-radius:20px;align-items:center;padding:16px 20px;display:flex}.sample-card{gap:18px;padding:28px;display:grid}.sample-top{justify-content:space-between;align-items:center;display:flex}.sample-top span{color:#fecaca;background:#ef44441a;border:1px solid #f8717140;border-radius:999px;padding:6px 12px;font-weight:800}.sample-card h2{margin-bottom:0;font-size:32px}.sample-card p{color:#cbd5e1;line-height:1.5}.label{color:#64748b;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.label.green{color:#86efacc7}.tiny{color:#64748b;margin:0;font-size:12px}.quiz{max-width:780px;margin:0 auto}.progress-header{color:#94a3b8;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.progress-bar{background:#1e293b;border-radius:999px;height:12px;margin-bottom:24px;overflow:hidden}.progress-bar div{background:#4ade80;border-radius:999px;height:100%;transition:width .3s}.question-card{padding:28px}.section-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-icon{background:#22c55e1a;border:1px solid #4ade8033;border-radius:18px;place-items:center;width:50px;height:50px;font-size:24px;display:grid}.question-card h2{letter-spacing:-.03em;font-size:clamp(28px,4vw,42px);line-height:1.05}.answer-list{gap:12px;display:grid}.answer-button{text-align:left;color:#f8fafc;cursor:pointer;background:#0206179e;border:1px solid #1e293b;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 20px;font-weight:750;transition:background .18s,border-color .18s,transform .18s;display:flex}.answer-button:hover{background:#1e293bd1;border-color:#4ade8066;transform:translateY(-1px)}.answer-emoji{margin-right:14px;font-size:24px}.chevron{color:#475569;font-size:26px;transition:color .18s}.answer-button:hover .chevron{color:#86efac}.results{max-width:900px;margin:0 auto}.result-card{overflow:hidden}.result-hero{background:linear-gradient(135deg,#22c55e33,#0f172a,#ef44441a);border-bottom:1px solid #1e293b;justify-content:space-between;gap:28px;padding:36px;display:flex}.result-hero h1{letter-spacing:-.05em;margin-bottom:18px;font-size:clamp(42px,7vw,70px);line-height:.95}.result-hero p{color:#cbd5e1;font-size:18px;line-height:1.55}.score-card{text-align:center;background:#020617cc;border:1px solid #4ade8040;border-radius:30px;min-width:190px;height:max-content;padding:24px;box-shadow:0 18px 60px #00000052}.score-card p{color:#94a3b8;margin-bottom:8px;font-size:14px}.score-card strong{color:#86efac;font-size:64px;line-height:1;display:block}.result-body{gap:20px;padding:28px;display:grid}.verdict-card{background:#4ade801a;border:1px solid #4ade8038;border-radius:28px;padding:22px}.verdict-card h2{color:#dcfce7;margin-bottom:8px}.verdict-card p:last-child{color:#cbd5e1;margin-bottom:0}.two-grid,.three-grid,.receipt-grid{gap:14px;display:grid}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-box{background:#0206179e;border:1px solid #1e293b;border-radius:24px;padding:20px}.info-value{color:#f8fafc;margin-bottom:0;font-weight:850;line-height:1.45}.info-value.danger{color:#fecaca}.receipts{background:#02061794;border:1px solid #1e293b;border-radius:30px;padding:22px}.receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-row{color:#cbd5e1;background:#0f172abf;border:1px solid #1e293b;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:14px;display:flex}.receipt-row span span{margin-right:8px}.positive{color:#86efac}.negative{color:#fca5a5}.test-panel{margin-bottom:24px;padding:20px}.test-row{color:#cbd5e1;background:#02061794;border:1px solid #1e293b;border-radius:18px;justify-content:space-between;gap:12px;margin-top:8px;padding:12px 14px;font-size:14px;display:flex}.fade-in{animation:.3s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.site-header,.result-hero{flex-direction:column;align-items:flex-start}.hero,.three-grid,.two-grid,.receipt-grid{grid-template-columns:1fr}.score-card{width:100%}}@media (width<=520px){.container{width:min(100% - 24px,1120px);padding-top:20px}.brand-subtitle{display:none}.header-actions{justify-content:space-between;width:100%}.site-header{gap:14px}.hero h1{font-size:42px}.button-row,.primary-button,.secondary-button{width:100%}.primary-button,.secondary-button{justify-content:center}.question-card,.result-body,.result-hero{padding:22px}}