@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;700;800&display=swap";
:root{--auth-bg:#09090b;--auth-card-bg:#ffffff08;--auth-text-primary:#fafafa;--auth-text-secondary:#a1a1aa;--auth-accent:#facc15;--auth-accent-hover:#eab308;--auth-border:#ffffff14;--auth-input-bg:#ffffff0d;--auth-input-border:#ffffff1a}.auth-page-wrapper{background-color:var(--auth-bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.auth-page-wrapper:before{content:"";z-index:0;background:radial-gradient(circle at 20% 30%,#a855f726 0%,#0000 50%),radial-gradient(circle at 80% 70%,#facc151f 0%,#0000 50%),radial-gradient(circle,#3b82f61a 0%,#0000 50%);animation:15s ease-in-out infinite auth-gradient-shift;position:absolute;inset:0}@keyframes auth-gradient-shift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.auth-page-wrapper:after{content:"";opacity:.3;z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.auth-card{z-index:10;background:var(--auth-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--auth-border);border-radius:20px;width:100%;max-width:420px;padding:1rem 2rem;transition:box-shadow .3s;position:relative;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff0d}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{color:var(--auth-text-primary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;display:flex}.auth-logo-icon{color:var(--auth-accent)}.auth-header h1{color:var(--auth-text-primary);letter-spacing:-.025em;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800}.auth-header p{color:var(--auth-text-secondary);font-family:Inter,sans-serif;font-size:.9rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--auth-text-primary);margin-left:.25rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.input-wrapper{position:relative}.auth-input{background:var(--auth-input-bg);border:1px solid var(--auth-input-border);width:100%;color:var(--auth-text-primary);border-radius:10px;outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-input:focus{border-color:var(--auth-accent);background:#ffffff14;box-shadow:0 0 0 3px #facc1526}.auth-input::placeholder{color:#ffffff4d}.password-toggle{color:var(--auth-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--auth-text-primary)}.auth-submit-btn{background:var(--auth-accent);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.875rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #facc1540}.auth-submit-btn:hover:not(:disabled){background:var(--auth-accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px #facc1559}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.auth-divider{align-items:center;gap:.75rem;margin:1.75rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-divider span{text-transform:uppercase;letter-spacing:.05em;color:var(--auth-text-secondary);font-family:Inter,sans-serif;font-size:.7rem;font-weight:600}.social-auth-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.social-btn{border:1px solid var(--auth-border);color:var(--auth-text-primary);cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.social-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.auth-footer{text-align:center;color:var(--auth-text-secondary);margin-top:2rem;font-family:Inter,sans-serif;font-size:.875rem}.auth-footer a{color:var(--auth-accent);font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:var(--auth-accent-hover);text-decoration:underline}.auth-status-message{border-radius:12px;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;display:flex}.auth-status-message.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.auth-status-message.success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e33}.auth-status-message.flex-col{flex-direction:column;align-items:flex-start}.loading-spinner{border:2px solid #0000004d;border-top-color:#000;border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.auth-page-wrapper{padding:1rem}.auth-card{border-radius:16px;max-width:none;padding:2rem 1.5rem}.auth-header h1{font-size:1.5rem}.social-auth-grid{grid-template-columns:1fr}}