:root{--bg-dark: #070b14;--bg-card: rgba(18, 24, 38, .75);--bg-card-hover: rgba(28, 36, 56, .85);--border-subtle: rgba(255, 255, 255, .07);--border-active: rgba(99, 102, 241, .4);--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .25);--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-purple: #a855f7;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;line-height:1.5}.landing-bg{background-color:#080b12;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;min-height:100vh}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.glass-panel-hover:hover{border-color:var(--border-active);transform:translateY(-2px);box-shadow:0 12px 40px #6366f126}.gradient-text{background:linear-gradient(135deg,#fff,#a5b4fc,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:12px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px var(--primary-glow);font-family:var(--font-sans)}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff0d;color:var(--text-main);font-weight:600;padding:.75rem 1.5rem;border-radius:12px;border:1px solid var(--border-subtle);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;font-family:var(--font-sans)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.input-field{width:100%;background:#0f172a99;border:1px solid var(--border-subtle);color:var(--text-main);padding:.85rem 1.2rem;border-radius:12px;font-size:.95rem;outline:none;transition:all .2s ease;font-family:var(--font-sans)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-glow{animation:pulseGlow 4s infinite ease-in-out}