*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f4f6f8;color:#1b1f23}main{max-width:440px;margin:0 auto;padding:24px 16px 48px}h1{margin:0 0 4px;font-size:26px}p{color:#5b6570}.packages{display:grid;gap:10px;margin:16px 0}.card{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:14px;background:#fff;border:2px solid #e1e5ea;border-radius:12px;cursor:pointer}.card.selected{border-color:#0a7d4f;background:#effaf4}.card input{position:absolute;opacity:0}.price{grid-column:2;grid-row:1 / span 2;font-weight:700;font-size:18px;align-self:center}.name{font-weight:600}.meta{font-size:13px;color:#5b6570}input[type=tel],input:not([type]){width:100%;padding:14px;font-size:16px;border:2px solid #e1e5ea;border-radius:12px;margin-bottom:10px}button{width:100%;padding:14px;font-size:16px;font-weight:600;color:#fff;background:#0a7d4f;border:0;border-radius:12px}button:disabled{opacity:.5}button.secondary{background:#3b4650}hr{margin:28px 0;border:0;border-top:1px solid #dde2e7}.error{color:#b3261e;background:#fdecea;padding:10px 12px;border-radius:10px}.spinner{width:40px;height:40px;margin:24px auto;border:4px solid #dde2e7;border-top-color:#0a7d4f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}