:root{
  --izi-bg:#f8fafc; --izi-card:#ffffff; --izi-border:#e5e7eb; --izi-text:#0f172a; --izi-muted:#6b7280; --izi-accent:#ff7a00;
}
.izi-card{background:var(--izi-card); border:1px solid var(--izi-border); border-radius:16px; padding:18px; max-width:860px; margin:0 auto; box-shadow:0 8px 24px rgba(0,0,0,.06)}
.izi-card-header{padding-bottom:8px}
.izi-logo{font-weight:800; color:#ff7a00; font-size:14px}
.izi-sub{margin:.25rem 0 1rem; color:var(--izi-muted)}
.izi-stepsbar{display:flex; gap:14px; padding:0; margin:8px 0 0; list-style:none; border-bottom:1px solid var(--izi-border);}
.izi-stepsbar li{position:relative; padding:10px 10px; color:var(--izi-muted); font-weight:600}
.izi-stepsbar li.active{color:var(--izi-text)}
.izi-stepsbar span{display:inline-flex; width:22px; height:22px; border-radius:50%; align-items:center; justify-content:center; margin-right:6px; background:var(--izi-accent); color:#fff; font-size:12px; font-weight:700}
.izi-form{padding-top:12px}
.izi-label{display:block; font-weight:700; margin:.5rem 0 .4rem}
.izi-phone-row{display:flex; gap:10px}
.izi-cc{display:flex; align-items:center; gap:6px; background:#f3f4f6; border:1px solid var(--izi-border); padding:0 12px; border-radius:12px; min-width:110px; font-weight:700}
.izi-flag{font-size:18px}
.izi-form input, .izi-form select{width:100%; padding:12px 14px; border:1px solid var(--izi-border); border-radius:12px; outline:none}
.izi-form input:focus, .izi-form select:focus{border-color:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.18)}
.izi-error{color:#b91c1c; margin:.35rem 0 .6rem; font-size:.95rem}
.izi-hint{color:var(--izi-muted); margin:.35rem 0 .6rem}
.izi-carrier-box{border:2px solid #f59e0b; border-radius:14px; padding:14px; background:#fff7ed}
.izi-carrier-status{display:flex; align-items:center; gap:8px}
.izi-dot{width:10px; height:10px; border-radius:50%; background:#fb923c; display:inline-block}
.izi-muted{color:var(--izi-muted)}
.izi-actions{display:flex; gap:10px; margin-top:16px}
.izi-actions.between{justify-content:space-between}
.izi-actions.end{justify-content:flex-end}
.izi-next,.izi-prev,.izi-submit{border:0; border-radius:12px; padding:12px 16px; font-weight:800; cursor:pointer}
.izi-next{background:var(--izi-accent); color:#fff}
.izi-prev{background:#f3f4f6}
.izi-submit{background:var(--izi-accent); color:#fff}
.izi-step{display:none; animation:fade .2s ease}
.izi-step.active{display:block}
.izi-amount-presets{display:flex; gap:8px; margin-bottom:10px; flex-wrap:wrap}
.izi-amount-presets button{border:1px solid var(--izi-border); border-radius:10px; padding:8px 12px; background:#fff; cursor:pointer; font-weight:700}
.izi-amount-presets button.active{border-color:#f59e0b; background:#fff7ed}
.izi-review{list-style:none; padding:0; margin:0}
.izi-review li{padding:6px 0}
.izi-card-el{border:1px dashed var(--izi-border); padding:12px; border-radius:12px; background:#fff}
.izi-result{margin-top:12px; border:1px solid var(--izi-border); border-radius:12px; padding:12px; background:#f9fafb}
@keyframes fade{from{opacity:.5; transform:translateY(4px)}to{opacity:1; transform:translateY(0)}}
@media (max-width:520px){ .izi-phone-row{flex-direction:column} .izi-cc{min-width:auto} .izi-actions{flex-direction:column} }