:root{color:#183b3e;background:#eaf2f0;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 20% 0,#c5e1d5,#0000 60%),#edf3f1;place-items:center;min-height:100vh;margin:0;display:grid}.login{background:#fff;border:1px solid #dce8e4;border-radius:24px;width:min(590px,92%);padding:64px 42px;box-shadow:0 24px 100px #153c3514}.brand{color:#fff;background:#125b4d;border-radius:12px;place-items:center;padding:13px;font-weight:800;display:inline-grid}.brand span{color:#8cdfb9}.eyebrow{letter-spacing:2px;margin-top:34px;font-size:12px}h1{letter-spacing:-1.7px;font-size:clamp(32px,6vw,48px);line-height:1.13}p{color:#59716c;line-height:1.7}button{color:#fff;cursor:pointer;background:#135e50;border:0;border-radius:9px;width:100%;margin-top:16px;padding:15px 24px;font:600 15px inherit}button:disabled{opacity:.5}button:focus-visible{outline-offset:4px;outline:3px solid #df9436}small{color:#6a7f79;font-size:11px}.official-logo{object-fit:contain;width:105px;height:122px}.login{border-radius:28px}button{background:linear-gradient(135deg,#168260,#10523c);border-radius:13px;min-height:50px;transition:transform .18s;box-shadow:inset 0 1px #fff4,0 4px #0a3d2d}button:hover:not(:disabled){transform:translateY(-2px)}button:active{transform:translateY(1px)}