@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--bg-gradient:linear-gradient(135deg, #09090b 0%, #18181b 100%);--accent-color:#6366f1;--accent-glow:#6366f180;--accent-color-hover:#4f46e5;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--card-radius:20px;--input-radius:12px;--success-color:#22c55e;--warning-color:#f59e0b;--error-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}.bg-blob{filter:blur(100px);z-index:-1;opacity:.4;border-radius:50%;animation:20s infinite alternate float;position:absolute}.blob-1{background:#6366f1;width:500px;height:500px;top:-10%;left:-10%}.blob-2{background:#a855f7;width:600px;height:600px;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,50px)scale(1.1)}to{transform:translate(-50px,100px)scale(.9)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);padding:2rem;transition:transform .3s,box-shadow .3s}.glass-panel:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 40px #0006}input[type=text],input[type=password]{border-radius:var(--input-radius);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#0003;outline:none;padding:1rem 1.2rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .2s}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent-color);background:#0006;box-shadow:0 0 0 4px #6366f126}input::placeholder{color:var(--text-secondary);opacity:.6}.btn-primary{background:var(--accent-color);color:#fff;border-radius:var(--input-radius);cursor:pointer;box-shadow:0 4px 14px 0 var(--accent-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f199}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;opacity:.7;background:#475569;transform:none}.text-gradient{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--text-secondary);line-height:1.6}.container{z-index:1;max-width:1000px;margin:0 auto;padding:2rem;position:relative}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{width:90%;max-width:450px;animation:.3s slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}