*{box-sizing:border-box}body{margin:0;background:#071019;color:#edf5f8;font:18px/1.8 Arial,sans-serif}a{color:#6ee7b7}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px}h1{font-size:clamp(32px,6vw,52px);line-height:1.2;max-width:800px}h2{font-size:26px;line-height:1.4}p{color:#c0cdd6}section{margin:40px 0} .card{background:#10202e;border:1px solid #29404d;border-radius:20px;padding:26px}label{display:block}input{width:100%;border:1px solid #526778;border-radius:8px;background:#fff;color:#10202e;padding:12px;font-size:18px}button,.cta{cursor:pointer;background:#34d399;color:#062019;border:0;border-radius:10px;padding:14px 20px;font-size:18px;font-weight:bold;text-decoration:none;display:inline-block} .row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:18px 0} .row label:first-child{font-weight:bold}.muted{font-size:15px;color:#a9bdcb}.total{font-size:28px;color:#6ee7b7}nav{display:flex;flex-wrap:wrap;gap:18px}footer{border-top:1px solid #29404d}details{border-bottom:1px solid #29404d;padding:18px 0}summary{cursor:pointer;font-weight:bold} @media(max-width:600px){header,main,footer{padding:20px}.card{padding:18px}.row{grid-template-columns:1fr 1fr}.row label:first-child{grid-column:1/-1}button,.cta{width:100%;text-align:center}h1{margin-top:10px}}