:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#243348;background:#f4f7fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:#fff;border:1px solid #e2e9ef;border-radius:20px;box-shadow:0 16px 50px #18334a12;padding:34px;max-width:450px;width:min(100%,450px)}.brand{font-weight:800;color:#177b78;font-size:21px;margin-bottom:24px}h1{font-size:26px;margin:0 0 12px;letter-spacing:-.6px}p{line-height:1.5}.muted{color:#667487;font-size:14px}form{display:flex;flex-direction:column;gap:12px;margin-top:24px}input{padding:14px 16px;border:1px solid #cad6e0;border-radius:10px;font:inherit;width:100%}button{font:inherit;background:#167d79;color:#fff;border:none;border-radius:10px;padding:13px 16px;cursor:pointer;margin-top:8px;width:100%;font-weight:650}button:disabled{opacity:.55;cursor:wait}.secondary{background:#ebf2f3;color:#195b5d}.link{background:transparent;color:#167d79;text-align:left;padding:5px 0;font-size:14px}.unit{background:#fff;color:#24465a;border:1px solid #d6e3e9;text-align:left}.unit:hover{background:#edf8f7}.error{color:#ae2938;font-size:14px}.highlight{font-size:20px;font-weight:700;margin-top:22px}.notice{border:1px solid #e2e9ef;border-radius:10px;padding:12px;background:#f8fafb;color:#4c5b6d;font-size:14px}