:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#0d3444;background:#f3f8fa}*{box-sizing:border-box}body{margin:0}header{background:#0b2a39;color:white;min-height:66px;display:flex;align-items:center;gap:14px;padding:13px max(24px,5vw)}header small{display:block;font-size:11px;letter-spacing:1px;color:#aad7dd}.logo{background:#16aab4;border-radius:12px;color:white;font-size:25px;padding:10px 17px}main{max-width:890px;margin:6vh auto;padding:0 22px}.card{background:white;border:1px solid #d8e8ec;border-radius:16px;padding:34px;box-shadow:0 5px 25px #0c3b4b0b}.eyebrow{color:#029d9c;font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}h1{font-size:clamp(24px,4vw,36px);margin:14px 0}p{color:#557684;line-height:1.6}.button,button{background:#05a29f;color:white;border:0;border-radius:8px;padding:12px 17px;display:inline-block;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#087f80}.muted{font-size:13px}.panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.metric{padding:18px;background:#f6fafc;border:1px solid #d8e8ec;border-radius:12px}.metric b{font-size:20px;display:block}.metric small{color:#577683}.label{display:block;font-size:13px;font-weight:700;margin:16px 0 8px}input{width:100%;padding:13px;border:1px solid #d1e2e7;border-radius:7px;font-size:16px}.row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.secondary{background:#e0f3f4;color:#0c5e62}.secondary:hover{background:#cae9ea}.error{border-left:5px solid #bc3c3c;padding:14px;background:#fff1f1;color:#752525}.success{border-left:5px solid #05a29f;padding:14px;background:#edfaf6;color:#086457}code{background:#f3f6f8;padding:5px;border-radius:3px;overflow-wrap:anywhere}a{color:#087f80}footer{font-size:12px;color:#587681;margin-top:24px}@media(max-width:520px){.panel{grid-template-columns:1fr}.card{padding:22px}}