.landing-hero{text-align:center;padding:var(--space-16) var(--content-padding) var(--space-10);max-width:720px;margin:0 auto}.landing-hero h1{font-size:var(--font-size-7xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);line-height:1.2}.landing-hero p{font-size:var(--font-size-base);color:var(--text-secondary);max-width:540px;margin:0 auto var(--space-8);line-height:1.5}.landing-hero .landing-ctas{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-section{padding:var(--space-10) 0}.landing-section-alt{background:var(--bg-secondary);padding:var(--space-10) 0}.landing-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.landing-card{padding:var(--space-5);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-align:center;transition:background var(--transition-fast)}.landing-card:hover{background:var(--bg-hover)}.landing-card-icon{margin-bottom:var(--space-2);font-size:1.75rem;line-height:1}.landing-card h3{margin-bottom:var(--space-1-5)}.landing-card p{font-size:var(--font-size-sm);color:var(--text-secondary)}@media (width<=768px){.landing-hero h1{font-size:var(--font-size-4xl)}.landing-grid{grid-template-columns:1fr}}.assessment-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.assessment-filters{align-items:center;gap:var(--space-1-5);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.filter-chip{padding:2px var(--space-2-5);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);line-height:1.5}.filter-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.filter-chip.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.quiz-container{max-width:680px;margin:0 auto}.quiz-progress{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.quiz-progress-bar{background:var(--bg-tertiary);border-radius:2px;flex:1;height:4px;overflow:hidden}.quiz-progress-fill{background:var(--brand-primary);height:100%;transition:width var(--transition-slow);border-radius:2px}.quiz-question{margin-bottom:var(--space-8)}.quiz-question h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6);line-height:1.5}.quiz-options{gap:var(--space-2);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.quiz-option:hover,.quiz-option.selected{border-color:var(--brand-primary);background:var(--brand-light)}.profile-summary{align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--space-6);display:flex}.profile-avatar{border-radius:var(--radius-full);background:var(--brand-light);width:56px;height:56px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.profile-info h2{font-size:var(--font-size-xl);margin-bottom:var(--space-0-5)}.profile-info p{color:var(--text-secondary);font-size:var(--font-size-sm)}.growth-badge{align-items:center;gap:var(--space-0-5);padding:var(--space-0-5) var(--space-1-5);background:var(--success-bg);color:var(--success);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-flex}.membership-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.membership-tier{padding:var(--space-5);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-align:center;gap:var(--space-3);flex-direction:column;display:flex}.membership-tier.featured{border-color:var(--brand-primary);border-width:2px}.services-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.articles-list{max-width:680px}.static-content{max-width:720px;margin:0 auto;line-height:1.6}.static-content h2{margin-top:var(--space-8);margin-bottom:var(--space-3)}.static-content p{margin-bottom:var(--space-4)}.static-shell{flex-direction:column;min-height:100vh;display:flex}.static-topbar{border-bottom:1px solid var(--border-primary);background:var(--bg-primary);z-index:var(--z-topnav);position:sticky;top:0}.static-topbar-inner{max-width:960px;padding:var(--space-2) var(--space-4);justify-content:space-between;align-items:center;min-height:48px;margin:0 auto;display:flex}.static-brand{align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex}.static-brand-icon{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.static-topbar-nav{gap:var(--space-3);display:flex}.static-topbar-nav a{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-1) 0;transition:color var(--transition-fast);text-decoration:none}.static-topbar-nav a:hover{color:var(--text-link)}.static-content-area{max-width:720px;padding:var(--space-6) var(--space-4);flex:1;width:100%;margin:0 auto}.static-breadcrumb{align-items:center;gap:var(--space-1-5);font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-4);display:flex}.static-breadcrumb a{color:var(--text-tertiary)}.static-breadcrumb a:hover{color:var(--text-link)}.static-footer{border-top:1px solid var(--border-primary);padding:var(--space-6) var(--space-4);text-align:center;font-size:var(--font-size-xs);color:var(--text-tertiary)}@media (width<=768px){.static-topbar-nav{gap:var(--space-2)}.static-topbar-nav a{font-size:var(--font-size-xs)}.static-content-area{padding:var(--space-4)}}.page-not-found{text-align:center;padding:var(--space-16) var(--content-padding)}.page-not-found h1{font-size:3rem;font-weight:var(--font-weight-bold);color:var(--text-tertiary);margin-bottom:var(--space-4)}.recommended-quizzes-section{margin-top:var(--space-8);padding-top:var(--space-4)}.recommended-quizzes-section .section-divider{border:none;border-top:1px solid var(--border-primary);margin-bottom:var(--space-5)}.recommended-quizzes-section .section-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.recommended-quizzes-section .section-subheading{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-5)}.recommended-quizzes-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.recommended-quiz-card{gap:var(--space-2);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.recommended-quiz-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}.rqc-top{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.rqc-emoji{font-size:28px;line-height:1}.rqc-tag{font-size:11px;font-weight:var(--font-weight-semibold);border-radius:999px;padding:2px 8px}.rqc-tag.free{color:#2e7d32;background:#e8f5e9}.rqc-tag.paid{color:#e65100;background:#fff3e0}.rqc-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0;line-height:1.3}.rqc-desc{font-size:var(--font-size-sm);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.rqc-meta{gap:var(--space-3);color:var(--text-tertiary);margin-top:auto;font-size:11px;display:flex}.rqc-cta{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--brand-primary);margin-top:var(--space-1);display:inline-block}.dark .rqc-tag.free{color:#4ade80;background:#0f2e1c}.dark .rqc-tag.paid{color:#fdba74;background:#3a2e10}