:root{color-scheme:light;font-family:Trebuchet MS,Lucida Sans,Arial,sans-serif;background:#f8f5f0;color:#1f1e1c}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#f7f2ea,#f2f6ff)}.page{min-height:100vh;padding:48px 20px 80px;grid-gap:28px;gap:28px;max-width:960px;margin:0 auto}.hero,.page{display:grid}.hero{background:#fff;padding:32px;border-radius:24px;box-shadow:0 20px 40px rgba(12,18,33,.08);grid-gap:12px;gap:12px}.badge{display:inline-flex;align-self:flex-start;padding:6px 14px;border-radius:999px;background:#101010;color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:36px}h2{margin-top:0}.card{background:#fff;padding:24px;border-radius:20px;box-shadow:0 12px 24px rgba(12,18,33,.06);display:grid;grid-gap:16px;gap:16px}.row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}select{padding:10px 14px;border-radius:10px;border:1px solid #d3d8e3;min-width:220px}button{padding:10px 18px;border-radius:10px;border:none;background:#ff8b3d;color:#1f1e1c;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(255,139,61,.3)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.summary{display:grid;grid-template-columns:auto 1fr auto 1fr;grid-gap:6px 12px;gap:6px 12px;align-items:center;padding:12px 16px;border-radius:12px;background:#f5f6fa}.message{margin:0;padding:10px 14px;border-radius:10px}.message.success{background:#e6f7e8;color:#1f6b2a}.message.error{background:#ffe7e7;color:#8a1f1f}code{background:#f1f2f6;padding:2px 6px;border-radius:6px}@media (max-width:640px){.summary{grid-template-columns:1fr 1fr}}