:root{font-family:Inter,system-ui,sans-serif;color:#15202b;background:#f4f7f8}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:18px 7%;background:#082f3a;color:#fff}nav{display:flex;gap:24px}a{color:#c5f3e8;text-decoration:none}main{max-width:1100px;margin:0 auto;padding:56px 24px}.hero{background:#082f3a;color:#fff;border-radius:24px;padding:48px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#23c9a5;font-weight:700}h1{font-size:clamp(2rem,5vw,4.2rem);max-width:700px;margin:12px 0}h2{font-size:2rem}.cards{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}.cards article{background:#114958;border-radius:16px;padding:22px;min-width:180px}.cards b{display:block;font-size:1.8rem}.cards span{color:#b7d0d4;font-size:.9rem}.panel{background:#fff;border-radius:20px;padding:36px;box-shadow:0 10px 40px #0b334f12}input,button{display:block;margin:12px 0;padding:12px 14px;border:1px solid #c9d6d9;border-radius:8px;font:inherit}button{background:#0b8f7b;color:#fff;border:0;cursor:pointer}button:disabled{opacity:.5}table{width:100%;margin-top:24px;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e3ecee}pre{background:#f1f5f6;padding:16px;overflow:auto}