.velora-login{isolation:isolate;color:#23223b;background:#252445;place-items:center;min-height:100svh;padding:36px 20px;font-family:Segoe UI,Arial,sans-serif;display:grid;position:relative;overflow:hidden}.velora-login__scene{z-index:-2;background:radial-gradient(circle at 51% 55%,#f9b89c 0,#e3919e 20%,#0000 48%),linear-gradient(#222747 0%,#494074 35%,#aa7090 70%,#e9a78f 100%);position:absolute;inset:0;overflow:hidden}.velora-login--custom .velora-login__scene{background:linear-gradient(120deg,#1d1c3d24,#201d3a0f),url(/images/auth/velora-login-background.png) bottom/cover no-repeat,linear-gradient(160deg,#262747,#bd7b97 72%,#e6a48b)}.velora-login__scene:before{content:"";background:radial-gradient(circle at 50% 46%,#0000 16%,#14153052 100%);position:absolute;inset:0}.velora-login__sun{aspect-ratio:1;opacity:.72;background:#ffd2ac;border-radius:50%;width:clamp(180px,20vw,320px);position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 22px #ffd3af1c,0 0 100px 55px #fbbc9e6e}.velora-login__skyline{filter:drop-shadow(0 -10px 35px #211e4426);width:100%;height:min(56vh,620px);position:absolute;bottom:0;left:0;right:0}.velora-login--custom .velora-login__sun,.velora-login--custom .velora-login__skyline{display:none}.velora-login__card{background:#fffffff5;border:1px solid #ffffffb8;border-radius:26px;width:min(100%,440px);padding:clamp(28px,5vw,46px);box-shadow:0 28px 80px #13113157,0 3px 12px #1311311a}.velora-login__brand{color:#2e2953;align-items:center;gap:11px;display:flex}.velora-login__brand-mark{color:#fff;background:linear-gradient(145deg,#72599e,#3b376e);border-radius:11px;place-items:center;width:38px;height:38px;font-size:23px;font-weight:700;line-height:1;display:grid;box-shadow:0 5px 12px #45336a3d}.velora-login__brand-name{letter-spacing:.1em;font-size:17px;font-weight:800}.velora-login__brand-name span{letter-spacing:.16em;font-size:11px;font-weight:700}.velora-login__intro{margin-top:36px}.velora-login__eyebrow{color:#765990;letter-spacing:.2em;font-size:11px;font-weight:800}.velora-login__intro h1{color:#28253e;letter-spacing:-.04em;margin-top:9px;font-size:clamp(27px,5vw,32px);font-weight:700;line-height:1.2}.velora-login__intro>p:last-child{color:#5d5b6c;margin-top:10px;font-size:14px;line-height:1.6}.velora-login__form{gap:17px;margin-top:30px;display:grid}.velora-login__field{gap:8px;display:grid}.velora-login__field label{color:#343149;font-size:13px;font-weight:700}.velora-login__field input{color:#25233d;width:100%;height:48px;font:inherit;background:#fff;border:1px solid #d9d7e3;border-radius:10px;padding:0 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.velora-login__field input::placeholder{color:#8a8796}.velora-login__field input:hover{border-color:#aaa5bd}.velora-login__field input:focus-visible{outline-offset:1px;border-color:#70569c;outline:3px solid #70569c38}.velora-login__field input[aria-invalid=true]{border-color:#b74958}.velora-login__field input:disabled{background:#f5f4f7}.velora-login__error{color:#852b37;background:#fff3f2;border:1px solid #e6b9be;border-radius:9px;margin:-2px 0 0;padding:11px 12px;font-size:13px;line-height:1.5}.velora-login__submit{color:#fff;cursor:pointer;min-height:48px;font:inherit;background:linear-gradient(100deg,#664b99,#4e467f);border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:5px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 8px 19px #503d8238}.velora-login__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #503d824d}.velora-login__submit:focus-visible{outline-offset:3px;outline:3px solid #d5bcfa}.velora-login__submit:disabled{cursor:wait;opacity:.78}.velora-login__spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite velora-spin}.velora-login__status:empty{display:none}.velora-login__status{color:#625b79;text-align:center;font-size:12px}.velora-login__footnote{color:#777384;text-align:center;margin-top:22px;font-size:11px;line-height:1.5}@keyframes velora-spin{to{transform:rotate(360deg)}}@media (max-width:640px){.velora-login{padding:20px 15px}.velora-login__card{border-radius:19px}.velora-login__intro{margin-top:27px}.velora-login__skyline{width:150%;max-width:none;height:47vh;left:-25%}}@media (prefers-reduced-motion:reduce){.velora-login__field input,.velora-login__submit{transition:none}.velora-login__spinner{animation:none}}
