.login-page{min-height:100vh;background:#080315}.login-page .site-header nav .active{color:#fff}.login-main{position:relative;min-height:calc(100vh - 70px);display:grid;place-items:center;overflow:hidden;padding:150px 20px 90px;background:linear-gradient(115deg,#080315e8,#100524d9),url('assets/fantasy-background.png') center/cover fixed}.login-shell{position:relative;z-index:2;width:min(520px,94vw);text-align:center}.login-shell h1{margin:8px 0 0;font:clamp(46px,6vw,66px)/1 Georgia,serif}.login-create{margin:12px 0 42px;color:#8e8aa7}.login-create a{color:#b78aff;text-decoration:none}.login-card{position:relative;display:grid;gap:11px;padding:44px 40px 40px;text-align:left;border:1px solid #7044a8;background:linear-gradient(145deg,#160926f2,#090514f5);box-shadow:0 30px 90px #0009}.login-card:before,.login-card:after{content:"";position:absolute;width:28px;height:28px;border-color:#a766f2}.login-card:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.login-card:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.login-card label{margin-top:8px;color:#aca6c3;font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}.login-field{height:52px;display:flex;align-items:center;border:1px solid #493365;background:#25213f}.login-field:focus-within{border-color:#9c53ff;box-shadow:0 0 0 3px #7e28ef22}.login-field>span{width:48px;text-align:center;color:#706b91}.login-field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font-weight:700}.password-toggle{width:48px;height:100%;border:0;background:transparent;color:#6f6a91;cursor:pointer}.forgot-link{justify-self:end;margin:4px 0 8px;border:0;background:none;color:#77738e;font-size:12px;cursor:pointer}.forgot-link:hover{color:#c49bff}.login-submit{display:grid;place-items:center;width:100%;min-height:52px;margin-top:6px;border:0;background:linear-gradient(100deg,#832cec,#6922dc);box-shadow:0 12px 34px #6d22dd55;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.28em;cursor:pointer}.login-notice{padding:11px 13px;font-size:13px}.login-notice.error{background:#ff536622;color:#ff9aa6}.login-notice.success{background:#26c28122;color:#6df1ae}.recovery-note{margin:0;padding:11px;background:#ffffff08;color:#aaa4bb;font-size:12px}.login-orbits{position:absolute;width:650px;height:650px;border:2px dashed #713cb65c;border-radius:50%}.login-orbits i{position:absolute;inset:70px;border:1px solid #7642b35c;border-radius:50%}.login-orbits i:nth-child(2){inset:145px}.login-orbits i:nth-child(3){inset:245px}.login-orbits b{position:absolute;width:9px;height:9px;border-radius:50%;background:#7656a6}.login-orbits b:nth-of-type(1){top:64px;left:328px}.login-orbits b:nth-of-type(2){top:210px;right:8px}.login-orbits b:nth-of-type(3){bottom:96px;left:92px}.login-orbits b:nth-of-type(4){top:225px;left:20px}.account-card{text-align:center}.account-mark{font-size:45px;color:#b278ff}.account-card small{color:#8f89a5;letter-spacing:.22em}.account-card h2{margin:0 0 14px;font:36px Georgia,serif}@media(max-width:620px){.login-card{padding:34px 24px}.login-orbits{width:520px;height:520px}.login-create{margin-bottom:28px}}