:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: rgba(26, 26, 46, .85);--neon-blue: #00d4ff;--neon-purple: #b829dd;--neon-pink: #ff2e63;--neon-green: #08d9d6;--neon-yellow: #f9ed69;--neon-orange: #ff8a5c;--gem-red: #ff4757;--gem-blue: #3742fa;--gem-green: #2ed573;--gem-yellow: #ffa502;--gem-purple: #8854d0;--gem-cyan: #00d4ff;--gem-orange: #ff6348;--text-primary: #ffffff;--text-secondary: #a0a0b8;--text-muted: #6c6c80;--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .3);--gradient-primary: linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-purple) 100%);--gradient-success: linear-gradient(135deg, var(--neon-green) 0%, var(--neon-blue) 100%);--gradient-warning: linear-gradient(135deg, var(--neon-orange) 0%, var(--neon-pink) 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse at 20% 50%,rgba(184,41,221,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(255,46,99,.08) 0%,transparent 50%)}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-text{text-shadow:0 0 10px rgba(0,212,255,.5),0 0 20px rgba(184,41,221,.3)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:inherit;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #00d4ff4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:var(--neon-blue);background:#00d4ff1a}.btn-danger{background:var(--gradient-warning);color:#fff}.input{width:100%;padding:var(--spacing-md);font-family:inherit;font-size:1rem;color:var(--text-primary);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal)}.input:focus{outline:none;border-color:var(--neon-blue);box-shadow:0 0 0 3px #00d4ff33}.input::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 5px #00d4ff80}50%{box-shadow:0 0 20px #00d4ffcc,0 0 30px #b829dd66}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease}.animate-slide-up{animation:slideUp var(--transition-slow) ease}.animate-scale-in{animation:scaleIn var(--transition-normal) ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:12px}}