*,*:before,*:after{box-sizing:border-box}:root{--bg: linear-gradient(180deg, #0f172a 0%, #1e1b4b 30%, #312e81 60%, #1e1b4b 100%);--stars: radial-gradient(1.5px 1.5px at 12% 8%, rgba(255,255,255,.9) 0%, transparent 100%), radial-gradient(1.5px 1.5px at 28% 22%, rgba(255,255,255,.85) 0%, transparent 100%), radial-gradient(1px 1px at 45% 15%, rgba(255,255,255,.9) 0%, transparent 100%), radial-gradient(2px 2px at 62% 28%, rgba(255,255,255,.7) 0%, transparent 100%), radial-gradient(1px 1px at 78% 12%, rgba(255,255,255,.95) 0%, transparent 100%), radial-gradient(1.5px 1.5px at 92% 25%, rgba(255,255,255,.8) 0%, transparent 100%), radial-gradient(1px 1px at 5% 45%, rgba(255,255,255,.85) 0%, transparent 100%), radial-gradient(2px 2px at 22% 55%, rgba(255,255,255,.6) 0%, transparent 100%), radial-gradient(1px 1px at 38% 48%, rgba(255,255,255,.9) 0%, transparent 100%), radial-gradient(1.5px 1.5px at 55% 62%, rgba(255,255,255,.75) 0%, transparent 100%), radial-gradient(1px 1px at 72% 52%, rgba(255,255,255,.9) 0%, transparent 100%), radial-gradient(1.5px 1.5px at 88% 58%, rgba(255,255,255,.8) 0%, transparent 100%), radial-gradient(1px 1px at 15% 72%, rgba(255,255,255,.85) 0%, transparent 100%), radial-gradient(2px 2px at 35% 78%, rgba(255,255,255,.65) 0%, transparent 100%), radial-gradient(1px 1px at 58% 85%, rgba(255,255,255,.9) 0%, transparent 100%), radial-gradient(1.5px 1.5px at 82% 75%, rgba(255,255,255,.8) 0%, transparent 100%), radial-gradient(1px 1px at 8% 35%, rgba(255,255,255,.7) 0%, transparent 100%), radial-gradient(1px 1px at 48% 38%, rgba(255,255,255,.85) 0%, transparent 100%), radial-gradient(1.5px 1.5px at 95% 42%, rgba(255,255,255,.75) 0%, transparent 100%), radial-gradient(1px 1px at 18% 88%, rgba(255,255,255,.9) 0%, transparent 100%), radial-gradient(1px 1px at 65% 18%, rgba(255,255,255,.8) 0%, transparent 100%), radial-gradient(2px 2px at 42% 92%, rgba(255,255,255,.6) 0%, transparent 100%);--surface: rgba(15, 23, 42, .92);--surface-hover: rgba(30, 41, 59, .95);--text: #f8fafc;--text-muted: #cbd5e1;--accent: #a5b4fc;--accent-soft: rgba(129, 140, 248, .28);--accent-gradient: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);--border: rgba(255, 255, 255, .12);--shadow: 0 4px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px -8px rgba(0, 0, 0, .55);--radius: 12px;--radius-sm: 8px;--font: "Outfit", "DM Sans", system-ui, sans-serif}html,body{overflow-x:hidden}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--text);background:#0f172a;background-image:var(--stars),var(--bg);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}