html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{color:#172554;background:#f3f6fc}.page{background:#f3f6fc;min-height:100vh;padding:48px 20px}.order-card{color:#172554;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(560px,100%);margin:0 auto;padding:36px;box-shadow:0 12px 35px #17255414}.eyebrow{color:#2563eb;letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}h1{color:#172554;text-align:center;margin:14px 0;font-size:clamp(2rem,7vw,3rem)}.description{color:#475569;margin-bottom:24px;line-height:1.6}.services{gap:10px;display:grid}.service{color:#334155;width:100%;font:inherit;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #dbeafe;border-radius:10px;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:flex}.service:hover{border-color:#93c5fd;transform:translateY(-1px)}.service.selected{color:#24451f;background:#e7f3e3;border-color:#86b879}.total{color:#172554;border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:20px;padding:18px 4px 0;font-size:1.1rem;font-weight:700;display:flex}@media (width<=480px){.page{padding:24px 14px}.order-card{padding:24px 20px}.service{padding:16px}}