@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-main:#0a0f1d;--bg-card:rgba(18,24,38,0.85);--bg-card-hover:rgba(26,35,54,0.95);--border-card:rgba(255,255,255,0.08);--border-focus:rgba(59,130,246,0.5);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:rgba(59,130,246,0.25);--success:#10b981;--success-glow:rgba(16,185,129,0.2);--accent:#8b5cf6;--accent-glow:rgba(139,92,246,0.2);--warning:#f59e0b;--danger:#ef4444;--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);background-image:radial-gradient(at 15% 15%,rgba(59,130,246,.12) 0,transparent 50%),radial-gradient(at 85% 85%,rgba(139,92,246,.12) 0,transparent 50%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(10,15,29,.6)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:rgba(255,255,255,.15)}.glow-primary{box-shadow:0 0 24px var(--primary-glow)}.glow-accent{box-shadow:0 0 24px var(--accent-glow)}.glow-success{box-shadow:0 0 24px var(--success-glow)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-sans);font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#ffffff;box-shadow:0 4px 14px rgba(59,130,246,.35)}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 6px 20px rgba(59,130,246,.5);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#ffffff;box-shadow:0 4px 14px rgba(16,185,129,.35)}.btn-success:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px)}.btn-secondary{background:rgba(255,255,255,.06);color:var(--text-primary);border:1px solid var(--border-card)}.btn-secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}.btn-ai{background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#3b82f6);color:#ffffff;box-shadow:0 4px 18px rgba(139,92,246,.4)}.btn-ai:hover{background:linear-gradient(135deg,#a78bfa,#818cf8 50%,#60a5fa);transform:translateY(-1px)}.input-field{width:100%;padding:12px 14px;background:rgba(10,15,29,.7);border:1px solid var(--border-card);border-radius:10px;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;transition:all .2s ease}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.2px}