html body .login-screen{padding:96px 24px 70px;background:radial-gradient(circle at 14% 12%,rgba(92,54,190,.34),transparent 28%),radial-gradient(circle at 88% 82%,rgba(75,36,164,.28),transparent 34%),linear-gradient(135deg,#080611 0%,#120b25 38%,#241044 70%,#090612 100%)}
html body .login-screen::before{inset:0;border:0;border-radius:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,#000,transparent 82%)}
html body .login-screen::after{content:'';position:absolute;width:620px;height:620px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(199,180,255,.09);box-shadow:0 0 0 100px rgba(255,255,255,.018),0 0 0 200px rgba(255,255,255,.01);pointer-events:none}
html body .login-screen>.login-brand{top:38px;color:#fff}
html body .login-screen>.login-brand small{color:rgba(255,255,255,.48)}
html body .brand-star{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#1a1231;background:linear-gradient(145deg,#e7ff82,#cfff3e);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 30px rgba(207,255,62,.18);font-size:1.2rem;font-weight:900}
html body .login-ambient{display:none}
.login-aurora{position:absolute;inset:-20%;overflow:hidden;pointer-events:none;filter:blur(34px);opacity:.82;z-index:0}.login-aurora i{position:absolute;display:block;width:72vw;height:18vw;min-height:130px;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(206,255,72,.08) 14%,rgba(201,255,62,.48) 46%,rgba(97,255,194,.24) 68%,transparent 100%);mix-blend-mode:screen;transform-origin:center;animation:aurora-drift 13s ease-in-out infinite alternate}.login-aurora i:nth-child(1){top:16%;left:-16%;transform:rotate(-12deg)}.login-aurora i:nth-child(2){width:62vw;height:14vw;right:-15%;top:48%;opacity:.62;transform:rotate(14deg);animation-duration:17s;animation-delay:-6s}.login-aurora i:nth-child(3){width:48vw;height:10vw;left:24%;bottom:7%;opacity:.34;transform:rotate(-5deg);animation-duration:20s;animation-delay:-10s}@keyframes aurora-drift{0%{translate:-5% -12%;scale:.9 1;filter:hue-rotate(0deg)}50%{translate:12% 18%;scale:1.16 .78;filter:hue-rotate(16deg)}100%{translate:28% -4%;scale:.92 1.18;filter:hue-rotate(-8deg)}}
html body .login-ambient i{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.07);box-shadow:0 20px 70px rgba(5,2,20,.22)}
html body .login-ambient i:nth-child(4){background:rgba(207,255,62,.1);border-color:rgba(207,255,62,.15)}
html body .login-stage{width:min(440px,calc(100vw - 40px));display:block;position:relative;z-index:2}
html body .login-card{width:100%;min-height:0;margin:0;padding:48px 42px 36px;text-align:left;color:#f7f4ff;background:linear-gradient(145deg,rgba(31,21,56,.86),rgba(12,9,24,.9));border:1px solid rgba(177,148,255,.14);border-radius:30px;box-shadow:0 36px 110px rgba(2,1,10,.62),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(28px)}
.login-intro{text-align:center;margin-bottom:24px}.login-intro h2{margin-left:auto;margin-right:auto}.login-intro p{margin-bottom:0!important}
html body .login-card .eyebrow{color:#d7ff50}html body .login-card>p{color:#aaa3b9}html body .login-card>label{color:#ddd8e8}
html body .login-card>label>input,html body .password-field{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
html body .login-card input::placeholder{color:#777083}html body .password-field input{color:#fff}html body .password-field button,html body .login-options button{color:#c7b8ff}html body .login-options label{color:#aaa3b9}
html body .login-submit{position:relative;justify-content:center;color:#1b142d;background:linear-gradient(135deg,#e1ff75,#c9f43e);box-shadow:0 12px 32px rgba(207,255,62,.13)}html body .login-submit:hover{background:#ebff9e;transform:translateY(-1px)}html body .login-submit span{position:absolute;right:16px;color:#513696}
html body .demo-account{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.07)}html body .demo-account span,html body .security-note{color:#857e91}html body .demo-account button{color:#cbbcff}
html body .login-footer{bottom:27px;color:rgba(255,255,255,.82)!important;text-shadow:0 1px 14px rgba(5,2,20,.4)}html body .login-footer b{color:#d7ff50}html body .login-footer span{color:rgba(255,255,255,.5)}
@media(max-width:700px){html body .login-screen{padding:102px 18px 72px}html body .login-screen::after{width:350px;height:350px}html body .login-card{padding:42px 24px 28px;border-radius:25px}html body .login-footer{bottom:18px}.login-aurora{filter:blur(24px)}.login-aurora i{width:110vw;height:34vw}}