:root{--background:#050508;--foreground:#fff;--primary:#a855f7;--secondary:#22d3ee;--accent:#f43f5e;--surface:#ffffff08;--surface-hover:#ffffff14;--border:#ffffff1a;--glass-bg:#0f0f19b3;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}body{background-image:radial-gradient(circle at 20% 20%,#a855f70d 0%,#0000 40%),radial-gradient(circle at 80% 80%,#22d3ee0d 0%,#0000 40%);min-height:100vh}a{color:inherit;text-decoration:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow{box-shadow:0 0 20px #a855f733}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}