*{box-sizing:border-box}body{background:#08121e;color:#f0eee5;font:16px/1.7 system-ui,Arial,sans-serif;margin:0}main{width:min(100%,990px);padding:35px 18px 90px;margin:auto}h1{font-size:clamp(28px,4vw,46px);font-family:Georgia,serif}h2{font-family:Georgia,serif;color:#f0d28a}h3{color:#f4ddb0}a{color:#a5dfed}a:hover{text-decoration-thickness:3px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#f0d28a;font-size:12px}.box,article{border:1px solid #34526b;background:#122539;border-radius:16px;padding:17px 20px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:13px}.grid article{margin:0}label{display:grid;gap:5px;margin-bottom:12px}input{background:#0d1824;color:#fff;border:1px solid #4c6177;border-radius:8px;padding:12px;width:100%;font-size:16px}button{background:#d6b676;color:#121517;border:0;border-radius:10px;font-weight:700;padding:12px 18px;cursor:pointer}button:hover{filter:brightness(1.12)}.result{font-size:20px;font-weight:700;color:#b6f0dd}.note{color:#b4cbd9;font-size:14px}