:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#f7f9fc;color:#111827;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fff,#edf2f7)}button,input,textarea{font:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:#1d4ed8;color:#fff;gap:var(--spacing-lg)}.brand-link{font-weight:700;letter-spacing:.05em;color:#fff;text-decoration:none;cursor:pointer;transition:opacity .2s}.brand-link:hover{opacity:.8}.topbar nav{display:flex;gap:var(--spacing-lg)}.topbar a{color:#fffc;text-decoration:none;transition:color .2s}.topbar a:hover,.topbar a.active{color:#fff;font-weight:600}main{flex:1;padding:var(--spacing-xl);max-width:1200px;width:100%;margin:0 auto}.page-card{background:#fff;border-radius:24px;box-shadow:0 24px 80px #0f172a14;padding:var(--spacing-xl)}.section-grid{display:grid;gap:var(--spacing-lg)}.hero-cta{margin-top:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.4rem;border:none;border-radius:999px;cursor:pointer;background:#1d4ed8;color:#fff;font-weight:600;transition:background .2s}.btn:hover{background:#1e40af}.card-list{display:grid;gap:var(--spacing-lg)}.card-item{border:1px solid #e2e8f0;border-radius:18px;padding:var(--spacing-lg);background:#fff;transition:box-shadow .2s}.card-item:hover{box-shadow:0 4px 12px #0f172a14}.card-item h3{margin:0 0 var(--spacing-sm) 0}.card-item p{margin:0 0 var(--spacing-md) 0;color:#6b7280}.form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:.95rem var(--spacing-md);outline:none;font-size:inherit}input:focus,textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f626}.quiz-form{display:grid;gap:var(--spacing-lg)}.question-block{padding:var(--spacing-lg);border:1px solid #e2e8f0;border-radius:18px;background:#fafbfc}.question-block h3{margin:0 0 var(--spacing-lg) 0}.radio-row,.checkbox-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;cursor:pointer;transition:background .15s}.radio-row:hover,.checkbox-row:hover{background:#f3f4f6}.radio-row input,.checkbox-row input{flex-shrink:0;width:auto;margin:0;cursor:pointer}.option-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.option-row input{flex:1}.result-pill{display:inline-flex;align-items:center;justify-content:center;background:#e0f2fe;color:#0369a1;border-radius:999px;padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;margin-top:var(--spacing-lg)}h1{margin:0 0 var(--spacing-lg) 0}h2{margin:var(--spacing-lg) 0 var(--spacing-md) 0}h3{margin:var(--spacing-md) 0 var(--spacing-sm) 0}p{margin:0 0 var(--spacing-md) 0}