:root{--bg-primary:#f4f6fa;--bg-secondary:#fff;--bg-tertiary:#e9ecef;--accent-cyan:#0284c7;--accent-blue:#0077b6;--accent-teal:#0d9488;--accent-green:#10b981;--accent-amber:#d97706;--accent-rose:#e11d48;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--glass-bg:#ffffffd9;--glass-bg-hover:#fffffff2;--glass-border:#0f172a14;--glass-border-focus:#0284c759;--glass-shadow:0 8px 32px 0 #0f172a0d;--glow-cyan:0 0 15px #0284c726;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 70% 20%,#0077b60a 0%,#0000 40%),radial-gradient(circle at 20% 80%,#0d948808 0%,#0000 40%);width:140%;height:140%;position:fixed;top:-20%;left:-20%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#ffffff14;box-shadow:0 12px 40px #00000073}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}.form-control{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-body);background:#ffffffb3;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .25s}.form-control:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan);background:#fffffff2;outline:none}.form-control::placeholder{color:var(--text-muted)}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.btn{font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-blue) 0%, #0096c7 100%);color:#fff;box-shadow:0 4px 14px #0077b666}.btn-primary:hover{background:linear-gradient(135deg,#0096c7 0%,#00b4d8 100%);transform:translateY(-1px);box-shadow:0 6px 20px #0077b699}.btn-primary:active{transform:translateY(0)}.btn-cyan{color:var(--accent-cyan);border:1px solid var(--accent-cyan);background:0 0;box-shadow:0 0 10px #00f0ff1a}.btn-cyan:hover{background:var(--accent-cyan);color:var(--bg-primary);box-shadow:var(--glow-cyan);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--text-secondary)}.btn-danger{color:var(--accent-rose);background:#f43f5e26;border:1px solid #f43f5e4d}.btn-danger:hover{background:var(--accent-rose);color:#fff;transform:translateY(-1px);box-shadow:0 0 15px #f43f5e4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #00f0ff33}50%{box-shadow:0 0 20px #00f0ff80}}.pulse-glow-cyan{animation:2s ease-in-out infinite pulseGlow}.badge{font-size:.75rem;font-weight:600;font-family:var(--font-display);border-radius:9999px;align-items:center;padding:4px 10px;display:inline-flex}.badge-blue{color:#90e0ef;background:#0077b626;border:1px solid #0077b64d}.badge-green{color:#a7f3d0;background:#10b98126;border:1px solid #10b9814d}.badge-amber{color:#fde68a;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-rose{color:#fecdd3;background:#f43f5e26;border:1px solid #f43f5e4d}