.portal-login{isolation:isolate;background:radial-gradient(at 50% -10%,#393122 0,#0000 48%),#0c1016;place-items:center;min-height:100svh;padding:40px 20px;display:grid;position:relative;overflow:hidden}.login-grid{z-index:-1;background-image:linear-gradient(#d7b56d08 1px,#0000 1px),linear-gradient(90deg,#d7b56d08 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 90%);mask-image:linear-gradient(#0009,#0000 90%)}.login-card{background:linear-gradient(150deg,#1a202aee,#10151dee);border:1px solid #d7b56d35;border-radius:22px;width:min(100%,440px);padding:36px;box-shadow:0 28px 100px #0007}.login-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:13px;padding-bottom:28px;display:flex}.login-brand img{object-fit:contain;width:58px;height:46px}.login-brand span{color:#e4c58a;letter-spacing:1.7px;font-size:10px;font-weight:700;line-height:1.7}.login-heading{margin:29px 0 30px}.login-lock{color:#dfbf7f;background:#d7b56d0d;border:1px solid #d7b56d40;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:22px;display:grid}.login-lock svg{width:20px}.login-heading p{letter-spacing:2px;color:#c8aa72;margin:0 0 9px;font-size:9px;font-weight:700}.login-heading h1{letter-spacing:-1px;margin:0 0 11px;font-size:30px;line-height:1.25}.login-heading>span:last-child{color:#a0a8b5;font-size:12px;line-height:1.7}.login-form{flex-direction:column;display:flex}.login-form>label{color:#e8e4dc;margin-bottom:9px;font-size:11px;font-weight:700}.login-input{background:#0b1018;border:1px solid #ffffff1c;border-radius:9px;align-items:center;gap:10px;height:49px;margin-bottom:21px;padding:0 13px;display:flex}.login-input:focus-within{border-color:#d7b56d;box-shadow:0 0 0 3px #d7b56d12}.login-input>svg{color:#747f90;flex:none;width:16px}.login-input input{color:#f5f2eb;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;font-size:13px}.login-input input::placeholder{color:#626e80}.password-toggle{color:#a0a8b5;background:0 0;border:0;place-items:center;padding:7px 0 7px 5px;display:grid}.password-toggle svg{width:17px;height:17px}.login-submit{color:#1b160e;background:linear-gradient(120deg,#eed29a,#c69b55);border:1px solid #efce8c;border-radius:9px;justify-content:center;align-items:center;gap:12px;min-height:49px;margin-top:2px;font-size:13px;font-weight:700;display:flex;box-shadow:0 7px 22px #c69b5512}.login-submit:hover{filter:brightness(1.07)}.login-submit:disabled{opacity:.7}.login-submit svg{width:18px;height:18px}.login-error{color:#ffacac;background:#df69690d;border:1px solid #df696948;border-radius:8px;margin:-3px 0 19px;padding:11px 12px;font-size:12px;line-height:1.6}.login-footer{color:#7f8999;justify-content:center;align-items:center;gap:7px;margin:27px 0 0;font-size:10px;display:flex}.login-footer svg{width:12px;height:12px}.login-spinner{animation:1s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.portal-login{padding:22px 16px}.login-card{padding:28px 23px}.login-heading h1{font-size:28px}}