:root{font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:#15213b;background:#f4f7fc}*{box-sizing:border-box}body{margin:0}.shell{max-width:1100px;margin:auto;padding:0 22px}header{background:#102d62;color:white}.bar{display:flex;justify-content:space-between;align-items:center;min-height:86px}.logo{font-size:28px;font-weight:900;letter-spacing:-1.2px}.logo span{color:#ffcf3d}.logo small{display:block;font-size:11px;letter-spacing:2px;font-weight:500;color:#b8d0f3}.topnote{font-size:13px;color:#d8e4f9}.hero{padding:70px 0 34px}.eyebrow{font-size:12px;letter-spacing:3px;color:#2c68c8;font-weight:800}h1{font-size:clamp(32px,5vw,58px);line-height:1.1;margin:16px 0}h1 em{color:#2563bb;font-style:normal}.hero p{color:#6b7891;font-size:17px}.panel{background:white;border-radius:20px;box-shadow:0 18px 60px #173a7714;padding:24px;border:1px solid #e4eaf4}.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fields label{font-size:13px;font-weight:700;color:#5b6a84}.fields select,.fields input{margin-top:10px;width:100%;height:52px;border:1px solid #d8e1ee;border-radius:11px;padding:0 12px;background:white;color:#15213b;font-size:15px}.bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.check{font-size:14px;display:flex;align-items:center;gap:9px}.check input{width:18px;height:18px;accent-color:#245eb2}button{border:0;border-radius:11px;background:#215fc0;color:white;padding:17px 25px;font-weight:800;font-size:15px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.results{margin:28px 0 70px}.empty{padding:28px;background:white;border:1px dashed #cbd8e8;border-radius:16px;color:#6d7890;text-align:center}.result{display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border:1px solid #e4eaf4;border-radius:15px;padding:22px;margin:12px 0}.result h3{margin:0 0 7px}.muted{color:#738097;font-size:13px;line-height:1.8}.price{font-size:26px;font-weight:900;color:#1e57b0;white-space:nowrap}.count{font-weight:700;margin:18px 0}.warning{color:#8c5a00;background:#fff7df;padding:12px;border-radius:10px;font-size:13px}footer{font-size:12px;color:#8190a8;padding-bottom:25px}@media(max-width:850px){.fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.shell{padding:0 15px}.topnote{display:none}.hero{padding:43px 0 25px}.panel{padding:16px}.fields{grid-template-columns:1fr}.bottom{flex-direction:column;align-items:stretch}.result{align-items:flex-start;flex-direction:column}.price{font-size:24px}button{width:100%}}
