*{box-sizing:border-box}html{min-height:100%;background:#061522}body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#f4f8fc}.auth-background{position:fixed;inset:0;background:linear-gradient(90deg,rgba(4,15,25,.07),rgba(4,15,25,.25) 45%,rgba(4,15,25,.35)),url('login-background.png') center/cover no-repeat;z-index:-1}.auth-layout{width:min(1440px,100%);min-height:100vh;min-height:100svh;margin:auto;padding:36px 5vw 22px;display:flex;flex-direction:column}.auth-brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;letter-spacing:-.5px}.brand-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid #7ad5dc80;border-radius:12px;background:#063b4899;color:#7ce6e1;font-size:26px}.auth-brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2.7px;color:#b9d7e1;margin-top:1px}.auth-main{display:grid;grid-template-columns:1fr 450px;align-items:center;gap:60px;flex:1;padding:36px 0}.auth-intro{align-self:end;padding:20px 0 25px;max-width:550px;text-shadow:0 2px 18px #00101b}.eyebrow{font-size:11px;font-weight:750;letter-spacing:3px;color:#9ce9e6;margin:0 0 16px}.auth-intro h1{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-2px;margin:0 0 20px;font-weight:650}.auth-intro>p:last-of-type{color:#d2e0e9;font-size:16px;line-height:1.7}.intro-line{height:3px;width:54px;background:#69d9d0;border-radius:3px;margin-top:28px}.auth-card{padding:34px 36px 28px;background:rgba(20,43,60,.68);border:1px solid rgba(214,243,255,.24);border-radius:24px;box-shadow:0 25px 80px rgba(0,0,0,.25),inset 0 1px 0 #ffffff12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.card-top{font-size:10px;letter-spacing:2px;font-weight:700;color:#bde3e9;display:flex;align-items:center;gap:8px}.status-dot{height:6px;width:6px;border-radius:50%;background:#65ddd2}.auth-card h2{font-size:28px;line-height:1.2;letter-spacing:-.6px;font-weight:650;margin:17px 0 8px}.card-description{color:#c7d5df;font-size:13px;margin:0 0 27px}label{display:block;font-size:12px;font-weight:650;margin:18px 0 8px;color:#e6f0f6}input{display:block;width:100%;border:1px solid #b2d4e340;border-radius:10px;background:#03141f70;padding:13px 15px;color:#fff;font:inherit;font-size:14px;line-height:1.5;min-height:49px;outline:none}input::placeholder{color:#a8bbc9;opacity:1}input:focus{border-color:#70dcd5;box-shadow:0 0 0 3px #70dcd520}input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #173347 inset}.password-wrap{position:relative}.password-wrap input{padding-right:78px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#bbdbdf;font:600 11px system-ui;padding:10px 6px;cursor:pointer}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;margin:25px 0 0;background:#82ded4;color:#082c34;border:0;border-radius:10px;padding:14px 18px;font:750 14px system-ui;cursor:pointer;box-shadow:0 4px 16px #041d2533}.login-submit:hover{background:#a0ebe3}.login-submit span{font-size:19px}.login-help{font-size:11px;line-height:1.7;color:#bfd0dc;margin:20px 0;text-align:center}.card-divider{height:1px;background:#cce5ef24;margin:0 0 18px}.switch-access{display:block;text-align:center;font-size:12px;color:#cce7ec;text-decoration:none}.switch-access:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:2px solid #93eee4;outline-offset:4px}.auth-error{border:1px solid #ffc79166;border-radius:9px;background:#523121b0;color:#ffead4;font-size:13px;padding:12px}.auth-bottom{display:flex;justify-content:space-between;gap:15px;color:#b6cad7;font-size:10px;letter-spacing:.3px}@media(min-width:1600px){.auth-layout{padding-left:45px;padding-right:45px}}@media(max-width:900px){.auth-main{grid-template-columns:1fr 410px;gap:25px}.auth-intro h1{font-size:36px}.auth-card{padding:30px 26px}}@media(max-width:720px){.auth-layout{padding:24px 20px 18px}.auth-background{background-position:28% center}.auth-main{display:flex;flex-direction:column;justify-content:center;padding:32px 0;gap:0}.auth-intro{display:none}.auth-card{width:100%;max-width:450px;background:rgba(13,34,51,.78)}.auth-brand{font-size:23px}.auth-bottom span:last-child{display:none}.auth-card h2{font-size:26px}.auth-bottom{justify-content:center}}@media(prefers-reduced-transparency:reduce){.auth-card{background:#102c40;backdrop-filter:none}}