:root{--bg-primary:#0a0a0b;--bg-secondary:#141416;--bg-card:#1a1a1d;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--accent:#22c55e;--accent-hover:#4ade80;--border:#27272a;--font-sans:"Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);--x:calc(var(--posX,50) * 1%);--y:calc(var(--posY,50) * 1%);background-image:radial-gradient(180% 180% at var(--x) var(--y), #22c55e26, #000 60%), radial-gradient(160% 160% at calc(100% - var(--x)) calc(100% - var(--y)), #eab3081f, #000 50%), radial-gradient(200% 200% at calc(50% + var(--x) / 2) calc(100% - var(--y)), #22c55e14, #000 70%), radial-gradient(180% 180% at calc(100% - var(--x) / 2) var(--y), #eab30814, #000 55%), linear-gradient(180deg, #000 0%, #050a05 50%, #000 100%);background-blend-mode:screen, screen, screen, screen, normal;background-size:100% 100%;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:480px;margin:0 auto;padding:0 1.5rem}@media (width>=640px){.container{max-width:560px}}@media (width>=768px){.container{max-width:640px}}