.auth-page{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;min-height:100dvh;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex}.auth-brand{background:linear-gradient(160deg,#0a0a0a 0%,#111114 40%,#0d0d12 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b7cff0f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-brand-logo{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:28px;box-shadow:0 0 40px #8b7cff26}.auth-brand-name{letter-spacing:-.03em;margin-bottom:12px;font-size:28px;font-weight:600}.auth-brand-tagline{color:#8e8e8e;text-align:center;max-width:300px;font-size:15px;line-height:1.5}.auth-form-panel{background:#0a0a0a;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:relative}.auth-card{flex-direction:column;width:100%;max-width:400px;display:flex}.auth-card h1{letter-spacing:-.02em;margin-bottom:6px;font-size:24px;font-weight:600}.auth-card .auth-subtitle{color:#8e8e8e;margin-bottom:32px;font-size:14px}.auth-alert{border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.45;display:flex}.auth-alert-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459}.auth-alert-success{color:#86efac;background:#10ad741f;border:1px solid #10ad7459}.auth-submit:disabled,.auth-social-btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.auth-btn-spinner{vertical-align:middle;border:2px solid #0003;border-top-color:#000;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.6s linear infinite auth-spin;display:inline-block}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-field{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.auth-field label{color:#ccc;letter-spacing:-.01em;font-size:13px;font-weight:500}.auth-field input{color:#fff;background:#141416;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder{color:#555}.auth-field input:focus{border-color:#8b7cff80;box-shadow:0 0 0 3px #8b7cff1a}.auth-submit{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;width:100%;margin-top:8px;padding:13px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .15s,box-shadow .3s;box-shadow:0 0 20px #ffffff14}.auth-submit:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 0 30px #ffffff24}.auth-divider{color:#555;align-items:center;gap:16px;margin:24px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.auth-socials{gap:12px;display:flex}.auth-social-btn{color:#ccc;cursor:pointer;background:#141416;border:1px solid #ffffff14;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.auth-social-btn:hover{background:#1a1a1e;border-color:#ffffff24}.auth-social-btn svg{width:18px;height:18px}.auth-footer{color:#8e8e8e;text-align:center;margin-top:28px;font-size:14px}.auth-footer a{color:#fff;font-weight:500;text-decoration:none;transition:opacity .2s}.auth-footer a:hover{opacity:.8}.auth-back{color:#8e8e8e;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex;position:absolute;top:24px;left:24px}.auth-back:hover{color:#fff}.auth-back svg{width:16px;height:16px}@media (max-width:768px){.auth-page{flex-direction:column}.auth-brand{flex:none;padding:40px 24px 32px}.auth-brand-logo{width:56px;height:56px;margin-bottom:16px}.auth-brand-name{margin-bottom:8px;font-size:22px}.auth-brand-tagline{font-size:13px}.auth-form-panel{flex:1;padding:32px 24px 48px}.auth-back{align-self:flex-start;margin-bottom:20px;position:static}.auth-card{max-width:100%}}