:root{--bg-primary: #0d0f17;--bg-surface: rgba(22, 27, 46, .75);--bg-surface-hover: rgba(30, 37, 62, .85);--border-glass: rgba(255, 255, 255, .12);--border-glass-glow: rgba(168, 85, 247, .4);--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .35);--accent-cyan: #06b6d4;--accent-cyan-glow: rgba(6, 182, 212, .35);--accent-green: #22c55e;--accent-gold: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--font-heading: "Rajdhani", sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .4);--shadow-neon-purple: 0 0 20px rgba(168, 85, 247, .4);--shadow-neon-cyan: 0 0 20px rgba(6, 182, 212, .4)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 20%,rgba(168,85,247,.15) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(6,182,212,.15) 0%,transparent 40%);background-attachment:fixed}.glass-card{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.glass-card:hover{border-color:var(--border-glass-glow);box-shadow:var(--shadow-glass),var(--shadow-neon-purple)}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));color:#fff;font-weight:600;padding:12px 24px;border-radius:var(--radius-sm);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.95rem;box-shadow:0 4px 15px #a855f74d;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.btn-secondary{background:#ffffff0d;color:var(--text-primary);font-weight:500;padding:12px 24px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-secondary:hover{background:#ffffff1a;border-color:var(--text-secondary)}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.glow-animation{animation:pulseGlow 3s infinite ease-in-out}
