:root{--bg-core: #130f26;--bg-gradient-start: #1a1635;--bg-gradient-end: #0d0918;--accent-primary: #00f0ff;--accent-secondary: #ff00aa;--accent-tertiary: #ffaa00;--accent-success: #00ff9d;--accent-danger: #ff2a6d;--accent-warning: #ffdd00;--text-primary: #ffffff;--text-secondary: #bef2ff;--text-muted: #8b86a8;--glass-bg: rgba(30, 25, 60, .65);--glass-bg-hover: rgba(50, 40, 90, .75);--glass-border: rgba(255, 255, 255, .15);--glass-border-highlight: rgba(255, 0, 200, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .1);--glass-blur: blur(24px);--transition-fast: .2s cubic-bezier(.3, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}body{background-color:var(--bg-core);color:var(--text-primary);font-family:Outfit,Inter,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;overflow-x:hidden;background-image:radial-gradient(circle at 0% 0%,rgba(255,0,170,.25) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(0,240,255,.25) 0%,transparent 50%),radial-gradient(circle at 50% 100%,rgba(255,170,0,.2) 0%,transparent 60%);background-attachment:fixed;background-size:cover}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:16px;box-shadow:var(--glass-shadow);transition:all var(--transition-fast);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary),var(--accent-secondary));opacity:.7;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.glass-card-hover{cursor:pointer}.glass-card-hover:active{transform:scale(.96);background:var(--glass-bg-hover);border-color:var(--glass-border-highlight);box-shadow:0 0 25px #ff00ff4d}