body:has(.metal-login){margin:0;min-height:100svh;background:#0d0e10 url('/assets/login-metal-bg.svg') center/100% 100% fixed no-repeat;color:#ededf0;color-scheme:dark;overflow-x:hidden}
.metal-login{position:relative;isolation:isolate;width:100%;max-width:1260px;min-height:100svh;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:44px 22px 23px;box-sizing:border-box;font-family:Inter,Arial,sans-serif}
.metal-login-intro{width:100%;text-align:center;position:relative;z-index:1}.metal-login-brand{display:flex;align-items:center;flex-direction:column;gap:15px;text-decoration:none;color:#dddde1;width:fit-content;margin:0 auto}.metal-login-logo{display:block;width:235px;max-width:75vw;height:auto;overflow:visible;mix-blend-mode:normal}.metal-login-tagline{display:flex;align-items:center;justify-content:center;gap:11px;font-size:7px;line-height:1.4;font-weight:500;letter-spacing:4px;white-space:nowrap;color:#c1c1c9}.metal-login-tagline:before,.metal-login-tagline:after{content:'';display:block;width:28px;height:1px;background:linear-gradient(90deg,transparent,#c9c9d3)}.metal-login-tagline:after{transform:rotate(180deg)}
.metal-login-intro h1{font-size:29px;line-height:1.2;font-weight:500;letter-spacing:-1px;color:#f0f0f3;margin:36px 0 20px;text-shadow:0 1px 9px #ffffff09}.metal-login-intro h1 span{display:block}.metal-login-intro h1 em{font-style:italic;font-weight:450}.metal-login-kicker{margin:0;font-size:8px;font-weight:450;line-height:1.8;letter-spacing:3.3px;color:#b2b2bc}
.metal-login-form{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:420px;margin-top:34px}.metal-login .login-card{box-sizing:border-box;width:100%;max-width:none;padding:28px 24px 25px;border:1px solid #76777d80;border-radius:24px;background:linear-gradient(145deg,#ffffff08,#ffffff01 55%,#ffffff05);box-shadow:0 15px 60px #00000019,inset 0 1px 0 #ffffff05;backdrop-filter:blur(14px)}
.metal-login .login-card h2{margin:0 0 25px;font-size:23px;font-weight:550;line-height:1.3;letter-spacing:-.5px;color:#efeff2}.metal-login-fields{display:flex;flex-direction:column;gap:16px;margin:0}.metal-login-field{position:relative;display:flex;align-items:center;min-width:0;min-height:53px;margin:0;background:linear-gradient(115deg,#ffffff03,#ffffff01);border:1px solid #77788080;border-radius:14px;box-shadow:inset 0 1px 2px #ffffff03;transition:border-color .15s,box-shadow .15s}.metal-login-field:focus-within{border-color:#b8b9c3;box-shadow:0 0 0 3px #d5d5e30c}.metal-login-field>.metal-field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#d8d8e0;pointer-events:none}.metal-field-icon svg{width:20px;height:20px}.metal-login-field input{box-sizing:border-box;width:100%;height:53px;min-width:0;padding:0 46px 0 49px;border:0;border-radius:14px;outline:0;background:transparent;color:#efeff3;font:400 16px/1.4 Inter,Arial,sans-serif;box-shadow:none!important}.metal-login-field input::placeholder{color:#b7b7c3;opacity:1;font-size:13px}.metal-login-field input:focus{outline:0;border:0;background:transparent}.metal-login-field input:-webkit-autofill{-webkit-text-fill-color:#ececf3;box-shadow:0 0 0 1000px #202125 inset!important;caret-color:#fff}.metal-password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:39px;height:39px;padding:8px;border:0;border-radius:10px;background:transparent;color:#c6c6d1;cursor:pointer}.metal-password-toggle:hover{background:#ffffff07;color:#fff}.metal-password-toggle svg{width:22px;height:22px}.metal-password-toggle[aria-pressed=true] .eye-slash{display:none}
.metal-login .metal-login-submit{display:flex;align-items:center;justify-content:center;gap:18px;box-sizing:border-box;width:100%;min-height:55px;margin:8px 0 0;padding:13px 17px;border:1px solid #efeff5a3;border-radius:14px;background:linear-gradient(115deg,#e7e7eb 0%,#f6f6f8 38%,#bfc0c9 100%);box-shadow:0 4px 12px #00000016,inset 0 1px 0 #ffffff8c;color:#17171c;font:650 15px/1.4 Inter,Arial,sans-serif;letter-spacing:-.4px;cursor:pointer;text-transform:none}.metal-login .metal-login-submit:hover{background:linear-gradient(115deg,#f2f2f5,#fff 38%,#d4d5dd);color:#0b0b0f}.metal-login-submit svg{width:22px;height:22px;stroke-width:1.7}
.metal-login-recovery{text-align:center;margin-top:22px}.metal-login-recovery summary{display:inline;list-style:none;color:#c6c6d0;text-decoration:underline;text-underline-offset:4px;font-size:11px;line-height:1.7;cursor:pointer}.metal-login-recovery summary::-webkit-details-marker{display:none}.metal-login-recovery p{margin:16px 0 0;padding-top:14px;border-top:1px solid #ffffff0b;color:#a9a9b6;font-size:11px;line-height:1.8;text-align:left}.metal-login-recovery[open] summary{color:#f3f3f7}.metal-login-footer{position:relative;z-index:1;margin-top:30px;padding-top:0;text-align:center;font-size:8px;line-height:1.8;letter-spacing:.25px;color:#777781}.metal-login .alert{border:1px solid #79798655;background:#ffffff06;color:#d5d5df;border-radius:12px;font-size:12px;line-height:1.7;margin-bottom:18px;padding:12px 14px}.metal-login .alert.error{background:#49242426;border-color:#ad74744d;color:#e9bdbd}
.metal-login button:focus-visible,.metal-login summary:focus-visible,.metal-login-brand:focus-visible{outline:2px solid #c0c0d2;outline-offset:4px}.metal-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:600px) and (max-width:999px){.metal-login{padding-top:57px;padding-bottom:30px}.metal-login-logo{width:295px}.metal-login-intro h1{font-size:37px;margin-top:40px}.metal-login-kicker{font-size:10px;letter-spacing:4.4px}.metal-login-form{margin-top:42px;max-width:460px}.metal-login .login-card{padding:34px 33px 30px;border-radius:27px}.metal-login .login-card h2{font-size:27px}}
@media(min-width:1000px){.metal-login{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);column-gap:80px;align-content:center;align-items:center;padding:60px 56px 35px}.metal-login-intro{align-self:center}.metal-login-logo{width:330px;max-width:100%}.metal-login-tagline{font-size:9px;letter-spacing:5px;gap:13px}.metal-login-tagline:before,.metal-login-tagline:after{width:37px}.metal-login-intro h1{font-size:clamp(33px,3.2vw,46px);margin:44px -15px 26px;letter-spacing:-1.6px;line-height:1.2}.metal-login-kicker{font-size:9px;letter-spacing:4.2px}.metal-login-form{margin:0;width:100%;max-width:450px;justify-self:center}.metal-login .login-card{padding:36px 34px 31px;border-radius:27px}.metal-login .login-card h2{font-size:27px;margin-bottom:29px}.metal-login-fields{gap:19px}.metal-login-field,.metal-login-field input{height:55px}.metal-login-field input::placeholder{font-size:13px}.metal-login .metal-login-submit{margin-top:10px;min-height:56px;font-size:16px}.metal-login-recovery{margin-top:25px}.metal-login-recovery summary{font-size:12px}.metal-login-footer{grid-column:1/-1;margin-top:49px;font-size:9px}}
@media(max-width:359px){.metal-login{padding:28px 17px 20px}.metal-login-logo{width:205px}.metal-login-tagline{font-size:6px;letter-spacing:3px}.metal-login-tagline:before,.metal-login-tagline:after{width:22px}.metal-login-intro h1{font-size:25px;margin-top:28px;letter-spacing:-.8px}.metal-login-kicker{font-size:7px;letter-spacing:2.4px}.metal-login-form{margin-top:27px}.metal-login .login-card{padding:25px 20px 23px;border-radius:22px}.metal-login .login-card h2{font-size:22px;margin-bottom:22px}.metal-login-field input{padding-left:43px}.metal-login-field>.metal-field-icon{left:13px}.metal-login-field input::placeholder{font-size:12px}.metal-login .metal-login-submit{font-size:14px}.metal-login-footer{font-size:7px;margin-top:25px}}
@media(min-width:1000px) and (max-height:670px){.metal-login{padding-top:30px;padding-bottom:25px}.metal-login-logo{width:270px}.metal-login-intro h1{font-size:35px;margin-top:30px}.metal-login-footer{margin-top:30px}.metal-login .login-card{padding-top:28px;padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.metal-login-field{transition:none}}