:root{font-family:Roboto,"Segoe UI",Arial,sans-serif;color:#183247;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 50% 20%,#fff 0,#eff8fd 40%,#bedff2 100%)}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 18px;position:relative}.login-card{width:min(100%,420px);padding:34px 36px 26px;background:#fff;border:1px solid #ffffffb8;border-radius:24px;box-shadow:0 18px 55px #195d8120}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#0879bf}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:linear-gradient(140deg,#0877bb,#43b9ef);border-radius:14px;color:#fff}.brand-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand strong{display:block;font-size:17px;letter-spacing:.2px}.brand small{display:block;margin-top:3px;color:#7890a0;font-size:11px}.welcome{margin:31px 0 24px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#24a3dc}.welcome h1{margin:8px 0 5px;font-size:26px;letter-spacing:-.5px;color:#193b51}.welcome p{margin:0;font-size:13px;line-height:1.5;color:#8294a0}.login-alert{display:flex;align-items:center;gap:10px;margin:-8px 0 18px;padding:11px 12px;border:1px solid #ffd7d4;border-radius:10px;background:#fff6f5;color:#b53834;font-size:12px;line-height:1.4}.login-alert span{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#e45850;color:white;display:grid;place-items:center;font-weight:700}form>label{display:block;margin:16px 0 7px;color:#486172;font-size:12px;font-weight:600}.input-wrap{height:48px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid #dce7ed;border-radius:11px;background:#fbfdfe;transition:border-color .18s,box-shadow .18s}.input-wrap:focus-within{border-color:#35a9df;box-shadow:0 0 0 3px #31a6df1a}.input-wrap>svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:#8ba0ad;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.input-wrap input{min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:#183247;font:inherit;font-size:13px}.input-wrap input::placeholder{color:#a7b5bf}.password-toggle{display:grid;place-items:center;width:30px;height:34px;flex:0 0 auto;padding:0;border:0;background:none;color:#8ba0ad;cursor:pointer}.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.form-options{display:flex;align-items:center;justify-content:space-between;margin:14px 0 22px;font-size:11px}.remember{display:flex;align-items:center;gap:7px;color:#718592;cursor:pointer}.remember input{accent-color:#148fd0;width:14px;height:14px;margin:0}.form-options>a{color:#168bc7;text-decoration:none}.form-options>a:hover{text-decoration:underline}.submit-button{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;background:linear-gradient(100deg,#0879bf,#2aace6);box-shadow:0 7px 15px #168ec32b;color:#fff;font:600 13px Roboto,"Segoe UI",Arial,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s}.submit-button:hover{transform:translateY(-1px);box-shadow:0 9px 18px #168ec33b}.submit-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 0;color:#91a1ab;font-size:10px}.security-note svg{width:15px;height:15px;fill:none;stroke:#3ca8d6;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-page footer{margin-top:18px;color:#68889b;font-size:10px;letter-spacing:.25px}@media(max-width:480px){.login-page{justify-content:flex-start;padding:0 0 max(0px,env(safe-area-inset-bottom));background:#fff}.login-card{width:100%;min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px);padding:30px 25px 25px;border:0;border-radius:0;box-shadow:none}.welcome{margin-top:47px}.welcome h1{font-size:28px}.login-page footer{margin-top:auto;padding:0 0 16px}.submit-button{height:51px}}