.auth-page{min-height:100svh;background:#0a0a0f;color:#fff;padding:30px clamp(24px,5vw,88px) 22px;display:flex;flex-direction:column}.auth-topline,.auth-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.auth-brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:650;letter-spacing:.02em}.auth-brand img{border:1px solid #241f33;border-radius:14px}.auth-brand>span>span{color:#bf83fc}.auth-back{display:flex;gap:9px;align-items:center;color:#9d97b3;font-size:13px;transition:color .2s}.auth-back:hover{color:#bf83fc}.auth-layout{width:100%;max-width:1320px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,7vw,120px);align-items:center;padding:50px 0 60px}.auth-editorial{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:660px}.auth-eyebrow{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:550;letter-spacing:.18em;color:#9d97b3}.auth-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#bf83fc;box-shadow:0 0 14px #8b5cf6}.auth-editorial h2{font-size:clamp(40px,4.2vw,65px);line-height:1.08;letter-spacing:-.05em;font-weight:550;margin-top:24px}.auth-editorial h2>span{color:#bf83fc}.auth-editorial-copy{font-size:14px;line-height:1.9;color:#9d97b3;margin-top:20px}.auth-art{height:370px;position:relative;margin:0 -40px}.auth-art .landing-portal-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.auth-art .landing-motion-control{bottom:18px;right:36px}.auth-art-tag{position:absolute;left:45px;bottom:85px;display:flex;align-items:center;gap:12px;padding:16px 19px;border:1px solid #241f33;border-radius:16px;background:#14121cb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff0a,0 12px 35px #8b5cf610;color:#bf83fc;font-size:11px;animation:auth-float 9s ease-in-out infinite}.auth-editorial-bottom{display:flex;justify-content:space-between;border-top:1px solid #241f33;padding-top:20px;color:#9d97b3;font-size:9px;letter-spacing:.16em}.auth-panel{position:relative;width:100%;max-width:480px;justify-self:end;background:#14121cb3;border:1px solid #241f33;border-radius:26px;padding:clamp(28px,3.2vw,46px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff0d,0 25px 100px #8b5cf60b;animation:auth-enter .7s ease-out both}.auth-panel:before{content:"";position:absolute;top:-1px;left:25%;width:50%;height:1px;background:#8b5cf6;box-shadow:0 0 24px #8b5cf6;opacity:.5}.auth-panel-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #241f33;background:#8b5cf610;border-radius:16px;color:#bf83fc;margin-bottom:26px}.auth-title{font-size:clamp(28px,3vw,37px);letter-spacing:-.04em;line-height:1.2;font-weight:550;margin-top:12px}.auth-description{color:#9d97b3;font-size:13px;line-height:1.85;margin-top:13px}.auth-form{display:flex;flex-direction:column;gap:21px;margin-top:30px}.auth-form label{font-size:12px;color:#9d97b3}.auth-form input:not([type=hidden]){background:#0a0a0f;border:1px solid #241f33;border-radius:12px;min-height:52px;color:#fff;padding-left:16px;padding-right:16px;transition:border-color .2s,box-shadow .2s}.auth-form input::-moz-placeholder{color:#9d97b380}.auth-form input::placeholder{color:#9d97b380}.auth-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61c;outline:none}.auth-password{position:relative}.auth-password input{padding-right:50px!important}.auth-password-toggle{position:absolute;right:9px;top:35px;width:36px;height:36px;display:grid;place-items:center;color:#9d97b3;border-radius:9px}.auth-password-toggle:hover{color:#bf83fc;background:#8b5cf60d}.auth-submit{min-height:52px!important;margin-top:4px;border-radius:12px!important;background:linear-gradient(135deg,#895af6,#6d3fd9)!important;box-shadow:0 8px 30px #8b5cf622;font-size:14px!important;transition:box-shadow .2s,transform .2s}.auth-submit:hover{box-shadow:0 10px 38px #8b5cf644;transform:translateY(-1px)}.auth-switch{font-size:12px;text-align:center;color:#9d97b3;margin-top:26px}.auth-switch a{color:#bf83fc;margin-left:4px}.auth-security{display:flex;align-items:center;justify-content:center;gap:7px;color:#9d97b3;font-size:10px;padding-top:23px;margin-top:25px;border-top:1px solid #241f33}.auth-error{padding:12px;border:1px solid #8b5cf6;border-radius:12px;background:#8b5cf610;color:#bf83fc;font-size:12px}.auth-bottom{color:#9d97b3;font-size:10px}.auth-bottom>div{display:flex;gap:22px}.auth-bottom a:hover{color:#bf83fc}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:2px solid #bf83fc;outline-offset:4px}@keyframes auth-float{50%{transform:translateY(-10px)}}@keyframes auth-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.auth-layout{gap:35px;grid-template-columns:1fr 1fr}.auth-panel{padding:28px}.auth-editorial h2{font-size:40px}.auth-art{margin:0 -30px;height:330px}.auth-editorial{min-height:600px}}@media (max-width: 700px){.auth-page{padding:22px 20px;min-height:100svh}.auth-layout{display:block;max-width:460px;padding:42px 0}.auth-editorial{display:none}.auth-panel{max-width:none;padding:28px 24px}.auth-brand{font-size:18px}.auth-brand img{width:38px;height:38px}.auth-back{font-size:11px}.auth-bottom{margin-top:auto;flex-wrap:wrap;font-size:9px}.auth-title{font-size:30px}.auth-panel-icon{margin-bottom:22px}.auth-panel .auth-eyebrow{font-size:8px}.auth-form{gap:18px;margin-top:26px}}@media (prefers-reduced-motion: reduce){.auth-page *{animation:none!important;transition:none!important}}.auth-form input[aria-invalid=true]{border-color:#bf83fc}.auth-form .text-danger{color:#bf83fc}
