:root{--color-dark:#030303;--color-surface:#111;--color-surface-2:#1a1a1a;--color-surface-3:#222;--color-border:color-mix(in srgb, var(--color-primary,#980909) 20%, transparent);--color-border-light:#ffffff14;--color-text:#fff;--color-text-muted:#999;--color-text-faint:#555;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--font-heading:"Montserrat", "Panton", Georgia, serif;--font-body:"Montserrat", system-ui, -apple-system, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--transition:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-dark);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}.text-muted{color:var(--color-text-muted);font-size:.875rem}.text-faint{color:var(--color-text-faint);font-size:.8125rem}a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-primary-hover)}.grid-1{gap:var(--space-4);grid-template-columns:1fr;display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:1.875rem}h2{font-size:1.5rem}}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.page-content{padding:var(--space-6)}@media (width<=640px){.page-content{padding:var(--space-4)}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}