:root{--primary: #00f2ff;--primary-glow: rgba(0, 242, 255, .5);--secondary: #7000ff;--secondary-glow: rgba(112, 0, 255, .5);--accent: #ff00c8;--background: #050510;--surface: rgba(255, 255, 255, .05);--surface-border: rgba(255, 255, 255, .1);--text: #ffffff;--text-dim: #a0a0b0;--font-main: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .2s ease;--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--font-main);background:var(--background);color:var(--text);overflow-x:hidden;min-height:100vh;width:100vw;background-image:radial-gradient(circle at 50% 50%,rgba(112,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,242,255,.05) 0%,transparent 40%)}#root{height:100%}.glass{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:16px}.title-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}button{cursor:pointer;outline:none}.glow-on-hover:hover{box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.flex-center{display:flex;align-items:center;justify-content:center}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}