:root{--dark:#000;--dark-mid:#1a1a1a;--dark-card:#111;--dark-border:#2a2a2a;--light:#e8e8e5;--muted:#c7c1b4;--coral:#ff7667;--gold:#fbbf24;--gold-dim:#fbbf241f;--red:#f87171;--text:#fff;--text-muted:#c7c1b4;--text-faint:#9a9a8e;--gradient:radial-gradient(circle at right top, #4920e7 0%, #cb26e2 15%, #f427a6 30%, #fc5f79 50%, #ff706b 100%);--gradient-h:radial-gradient(circle at right, #4920e7 0%, #cb26e2 26.8%, #f427a6 45.53%, #fc5f79 71.73%, #ff706b 100%);--gradient-brand-br:radial-gradient(circle at 100% 100%, #4920e7 0%, #cb26e2 30.8%, #f427a6 45.53%, #fc5f79 71.73%, #ff706b 100%);--font-brand:"area-normal", "Barlow", sans-serif;--font-body:"Roboto", sans-serif;--font:"Barlow", sans-serif;--font-display:"area-normal", "Barlow", sans-serif;--font-sans:"Barlow", "Roboto", sans-serif;--max-layout-width:1240px;--page-pad:clamp(16px, 10.4vw, 150px);--sidebar-w:clamp(260px, 28vw, 400px);--grid-gap:clamp(8px, 1.2vw, 14px);--layout-gap:clamp(16px, 2vw, 28px);--nav-h:60px}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--dark);color:var(--text);font-family:var(--font-brand);min-height:100vh;line-height:1.6}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}