:root{--auth-bg-color:#f8fafc;--auth-card-bg:#ffffffd9;--auth-text-primary:#0f172a;--auth-text-secondary:#64748b;--auth-accent:#f3be2b;--auth-accent-hover:#e5af1d;--auth-border:#e2e8f0;--auth-input-bg:#f8fafc}.auth-page-wrapper{background-color:#fff;background-image:radial-gradient(at 0 0,#f3be2b26 0,#0000 50%),radial-gradient(at 100% 0,#f7ec551a 0,#0000 50%),radial-gradient(at 100% 100%,#f6c43b52 0,#0000 50%),radial-gradient(at 0 100%,#fff 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Poppins,Inter,sans-serif;display:flex}.auth-card{background:var(--auth-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid #e2e8f0cc;border-radius:20px;width:100%;max-width:400px;padding:1rem 2rem;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 10px 15px -3px #00000008,0 20px 25px -5px #00000008}.auth-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -5px #0000000d,0 4px 6px -2px #00000005}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-logo{color:var(--auth-text-primary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:Poppins,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:.25rem;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700}.auth-header p{color:var(--auth-text-secondary);font-family:Inter,sans-serif;font-size:.875rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group label{color:#334155;margin-left:.25rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.input-wrapper{position:relative}.auth-input{background:var(--auth-input-bg);width:100%;color:var(--auth-text-primary);border:1px solid #0000;border-radius:8px;outline:none;padding:.625rem .75rem;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-input:focus{border-color:var(--auth-accent);background:#fff;box-shadow:0 0 0 3px #f3be2b26}.auth-input::placeholder{color:#94a3b8}.password-toggle{color:#64748b;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:.75rem;transform:translateY(-50%)}.password-toggle:hover{color:#334155}.auth-submit-btn{background:var(--auth-accent);color:#78350f;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.25rem;padding:.75rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #f3be2b4d}.auth-submit-btn:hover:not(:disabled){background:var(--auth-accent-hover);transform:translateY(-2px);box-shadow:0 8px 16px #f3be2b66}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.auth-divider{color:#cbd5e1;align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-divider span{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;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{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.social-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.auth-footer{text-align:center;color:var(--auth-text-secondary);margin-top:1.5rem;font-family:Inter,sans-serif;font-size:.85rem}.auth-footer a{color:#d97706;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#b45309;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.4;display:flex}.auth-status-message.error{color:#be123c;background:#fff1f2;border:1px solid #ffe4e6}.auth-status-message.success{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.loading-spinner{border:2px solid #78350f4d;border-top-color:#78350f;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{background:#fff;padding:1rem}.auth-card{max-width:none;min-height:100vh;box-shadow:none;border:none;border-radius:0;flex-direction:column;justify-content:center;padding:2rem 1rem;display:flex}}