@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--bg-base: #07070f;--bg-surface: #0d0d1c;--bg-card: #111125;--accent-primary: #00ff88;--accent-secondary: #0055ff;--text-primary: #f0f0ff;--text-muted: #55556a;--border-subtle: #1e1e35;--shadow-glow: 0 0 40px rgba(0, 255, 136, .12);--radius-card: 16px;--bg-primary: var(--bg-base);--bg-secondary: var(--bg-surface);--bg-card-hover: #161632;--bg-input: #13132a;--accent-green: var(--accent-primary);--accent-green-dim: rgba(0, 255, 136, .15);--accent-green-glow: rgba(0, 255, 136, .4);--accent-blue: var(--accent-secondary);--accent-blue-dim: rgba(0, 85, 255, .15);--text-secondary: #b0b0cc;--color-success: #00ff88;--color-warning: #ffaa00;--color-danger: #ff4444;--color-info: #0099ff;--border-card: rgba(255, 255, 255, .1);--border-accent: rgba(0, 255, 136, .3);--font-display: "Bebas Neue", cursive;--font-body: "DM Sans", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .5);--shadow-glow-green: 0 0 30px rgba(0, 255, 136, .15);--shadow-glow-blue: 0 0 30px rgba(0, 85, 255, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:2px}::-webkit-scrollbar-thumb:hover{opacity:1}.text-gradient-green{background:linear-gradient(135deg,#0f8,#00cc6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-blue{background:linear-gradient(135deg,#09f,#05f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);padding:24px}.card-glow{box-shadow:var(--shadow-card),var(--shadow-glow)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent-primary);color:#000;font-family:var(--font-body);font-weight:700;font-size:16px;padding:14px 32px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary:hover{background:#00e87a;box-shadow:0 0 24px #00ff8880;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--accent-primary);font-family:var(--font-body);font-weight:600;font-size:16px;padding:13px 31px;border-radius:var(--radius-md);border:1px solid var(--accent-primary);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-secondary:hover{background:var(--accent-green-dim);box-shadow:0 0 16px #0f83}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0f83}50%{box-shadow:0 0 40px #00ff8880}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin{to{transform:rotate(360deg)}}