*,*::before,*::after{box-sizing:border-box} :root{ --bg:#070710; --text:#F4F2EF; --muted:rgba(244,242,239,.7); --muted-strong:rgba(244,242,239,.45); --line:rgba(244,242,239,.14); --amber:#FB7932; --amber-soft:#FFB985; --magenta:#A83BCF; --magenta-soft:#D27AEC; --indigo:#1E1869; --plum:#5B2A8F; --container:1440px; } html,body{margin:0;padding:0;background:var(--bg);overflow-x:clip;max-width:100%} /* Custom scrollbar — site-wide dark theme (page + any scrollable element). Firefox uses scrollbar-color/width; Chromium/Safari use ::-webkit-scrollbar. Thumb picks up the brand amber on hover so it doesn't read as a system widget. */ html{ scrollbar-width:thin; scrollbar-color:rgba(244,242,239,.22) transparent; scroll-behavior:smooth; scroll-padding-top:96px; /* leave room below sticky site-header for anchor jumps */ } @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} } *::-webkit-scrollbar{width:10px;height:10px} *::-webkit-scrollbar-track{background:transparent} *::-webkit-scrollbar-thumb{ background:rgba(244,242,239,.18); border-radius:999px; border:2px solid transparent; background-clip:content-box; transition:background .2s ease; } *::-webkit-scrollbar-thumb:hover{background:rgba(251,121,50,.55);background-clip:content-box} *::-webkit-scrollbar-corner{background:transparent} img,svg{max-width:100%} body.tab-hidden *,body.tab-hidden *::before,body.tab-hidden *::after{animation-play-state:paused!important;transition:none!important} body{font-family:'Manrope',system-ui,sans-serif;color:var(--text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} /* Accessibility: keyboard focus indicator */ :focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px} a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:3px} /* Skip-to-content link (visible only when focused via Tab) */ .skip-link{ position:absolute;left:-9999px;top:8px;z-index:1000; padding:10px 18px;border-radius:10px; background:linear-gradient(135deg,var(--magenta),var(--amber));color:#fff; font-weight:600;font-size:14px;text-decoration:none; box-shadow:0 10px 28px rgba(168,59,207,.4) } .skip-link:focus,.skip-link:focus-visible{left:8px;outline:none} /* Screen-reader-only helper for accessible