:root{--glass-bg-light: rgba(255, 255, 255, .8);--glass-bg-dark: rgba(30, 41, 59, .6);--glass-border-light: rgba(226, 232, 240, .5);--glass-border-dark: rgba(148, 163, 184, .1);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;scroll-behavior:smooth}body{margin:0;place-items:center;min-width:320px;min-height:100vh;background-color:#020617;color:#fff}::selection{background:#6366f14d;color:inherit}.glass{background:var(--glass-bg-light);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border-light)}[data-theme=dark] .glass{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark)}.gradient-bg{background:var(--gradient-primary);background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}