:root{--teal:#0d6870;--mint:#63c9ad}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:clamp(24px,5vw,70px);display:grid;place-items:center;background:#02272e url("background.993ececce36c.png") center/cover fixed no-repeat;color:#f5fbf9;font-family:Manrope,Segoe UI,system-ui,sans-serif}body:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,27,33,.72),rgba(0,34,40,.32) 48%,rgba(0,25,30,.65))}.login-shell{width:min(1100px,100%);display:grid;grid-template-columns:1.25fr minmax(340px,.75fr);gap:70px;align-items:center}.welcome{animation:slide-in .8s ease both}.welcome-logo{display:flex;align-items:center;gap:14px;margin-bottom:70px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.welcome-logo>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#b42131;font-size:18px;box-shadow:0 12px 35px #0005}.welcome-logo div{display:flex;flex-direction:column}.welcome-logo small{margin-top:5px;color:#b8d1ca;font-size:10px}.kicker{color:#8de1ce;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.welcome h1{max-width:690px;margin:13px 0 20px;font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.045em;text-shadow:0 5px 30px #0005}.welcome>p:not(.kicker){max-width:600px;color:#c0d6d1;font-size:17px;line-height:1.65}.welcome-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.welcome-pills span{padding:8px 12px;border:1px solid #ffffff2a;border-radius:99px;background:#ffffff0c;color:#d9ebe6;font-size:12px;backdrop-filter:blur(10px)}.login-card{padding:38px;border:1px solid #ffffff80;border-radius:24px;background:rgba(250,252,249,.93);color:#17383d;box-shadow:0 30px 90px #00151b99;backdrop-filter:blur(22px);animation:card-in .75s .12s ease both}.mobile-logo{display:none}.eyebrow{margin:0;color:var(--teal);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.login-card h2{margin:8px 0;font-size:30px;letter-spacing:-.03em}.hint{margin:0 0 23px;color:#6c7d80;font-size:14px;line-height:1.5}.login-card label{display:block;margin:17px 0 7px;font-size:13px;font-weight:700}.login-card input{width:100%;padding:13px 14px;border:1px solid #c4d5d1;border-radius:10px;background:#fff;font:inherit;transition:.2s}.login-card input:focus{outline:0;border-color:#42a89d;box-shadow:0 0 0 4px #38a89b1c}.login-card button{width:100%;display:flex;justify-content:center;gap:12px;margin-top:24px;padding:14px;border:0;border-radius:11px;background:linear-gradient(135deg,#0d646c,#149399);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 26px #0c697036;transition:.2s}.login-card button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0c69704d}.secure{display:block;margin-top:20px;text-align:center;color:#82928f}.error{margin:16px 0;padding:11px;border-radius:9px;background:#ffe8eb;color:#a52a3a;font-size:14px}@keyframes slide-in{from{opacity:0;transform:translateX(-25px)}}@keyframes card-in{from{opacity:0;transform:translateY(25px) scale(.98)}}@media(max-width:850px){body{background-position:center}.login-shell{grid-template-columns:1fr;max-width:430px}.welcome{display:none}.mobile-logo{display:block;margin-bottom:28px;color:#0d6870;font-weight:800;text-transform:uppercase;letter-spacing:.08em}}@media(max-width:480px){body{padding:16px}.login-card{padding:27px 22px}}