:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#193332;background:#f3f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1260px;margin:auto;padding:32px 44px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:42px}.brand{font-size:26px;font-weight:800;text-decoration:none;color:#183d36;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:3px;font-weight:500;margin-top:5px}.lab{font-size:11px;letter-spacing:1px;background:#fff2cd;color:#785617;padding:10px 14px;border-radius:20px;font-weight:650}.login-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:80px;align-items:center;min-height:65vh}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#438172}h1{font-size:54px;line-height:1.12;letter-spacing:-2px;font-weight:650;margin:24px 0}p{color:#647873;line-height:1.7;font-size:15px}.intro p{max-width:440px;font-size:17px}.intro small{display:block;color:#84968f;font-size:12px;line-height:1.7;max-width:420px;margin-top:36px}.flow{display:flex;gap:9px;margin-top:30px;flex-wrap:wrap}.flow span{background:#e5ede8;border:1px solid #d9e5dd;padding:10px 14px;border-radius:8px;font-size:12px}.card{background:white;border:1px solid #e1e8e2;border-radius:22px;padding:38px;box-shadow:0 18px 70px #27473609}h2{font-size:26px;letter-spacing:-.5px;margin-bottom:6px}label{display:block;font-size:13px;font-weight:650;margin:24px 0 9px}input{width:100%;padding:14px;border:1px solid #d8e1dc;border-radius:9px;font-size:16px;background:#fcfefd;outline:none}input:focus{border-color:#3e8973;box-shadow:0 0 0 3px #e7f2eb}button{border:0;border-radius:9px;background:#1e654f;color:white;font:600 14px inherit;padding:15px 18px;cursor:pointer;width:100%;display:flex;justify-content:space-between}button:disabled{opacity:.6;cursor:wait}.customer{border-top:1px solid #e6ece8;padding-top:20px;margin-top:25px;font-size:12px;line-height:1.8;color:#82958c}a{color:#246b56}#error{color:#ac3b36;font-size:13px;min-height:18px}.welcome{display:flex;justify-content:space-between;align-items:center}.welcome h1{font-size:36px}.secondary{background:white;color:#315c4d;border:1px solid #d2ded6;width:auto}.notice{background:#e5eee7;border:1px solid #d8e4d9;padding:16px 20px;border-radius:10px;font-size:13px;color:#52705b;margin:20px 0 30px}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app{display:block;text-decoration:none;color:inherit;background:white;border:1px solid #e1e8e2;border-radius:16px;padding:24px;transition:.2s}.app:hover{border-color:#9ebca8;transform:translateY(-3px);box-shadow:0 8px 20px #234b3710}.app .icon{font-size:12px;font-weight:750;background:#e7efe9;color:#477458;width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.app h2{font-size:18px;margin:18px 0 8px}.app p{font-size:12px;margin:0}footer{display:flex;justify-content:space-between;border-top:1px solid #dfe8e0;padding:24px 0;margin-top:60px;font-size:10px;letter-spacing:1px;color:#8b9b91}footer span{letter-spacing:0}@media(max-width:800px){main{padding:24px}.login-grid{grid-template-columns:1fr;gap:32px}.intro h1{font-size:40px}.intro small{margin-top:16px}.card{padding:26px}.apps{grid-template-columns:1fr 1fr}footer{gap:20px}}@media(max-width:500px){.apps{grid-template-columns:1fr}.lab{font-size:9px}.welcome{display:block}footer span{display:none}}