
.oferta-wrap{max-width:640px;margin:0 auto;padding:100px 20px 60px}
.progress-bar{display:flex;align-items:center;gap:0;margin-bottom:36px}
.prog-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}
.prog-step::after{content:'';position:absolute;top:14px;left:50%;right:-50%;height:2px;background:var(--bdr);z-index:0}
.prog-step:last-child::after{display:none}
.prog-step.done::after{background:var(--gold)}
.prog-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--bdr);background:var(--white);display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;color:var(--tl);position:relative;z-index:1;transition:all .3s}
.prog-step.active .prog-dot{border-color:var(--gold);background:var(--gold);color:var(--navy)}
.prog-step.done .prog-dot{border-color:var(--gold);background:var(--navy);color:var(--gold-light)}
.prog-label{font-size:11px;color:var(--tl);margin-top:6px;text-align:center;letter-spacing:.04em;display:none}
.step-panel{display:none}
.step-panel.active{display:block}
.step-title{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:800;color:var(--navy);margin-bottom:6px}
.step-sub{font-size:14px;color:var(--tm);margin-bottom:28px;line-height:1.6}
.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.opt-card{background:var(--off);border:2px solid var(--bdr);border-radius:var(--r);padding:16px 12px;cursor:pointer;text-align:center;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.opt-card:hover,.opt-card.selected{border-color:var(--gold);background:rgba(201,146,10,.06)}
.opt-card.selected{border-width:2px}
.opt-icon{font-size:24px;margin-bottom:6px}
.opt-label{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:var(--navy)}
.opt-sub{font-size:11px;color:var(--tm);margin-top:3px;line-height:1.4}
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:14px;font-weight:600;color:var(--navy);margin-bottom:8px}
.form-label span{color:var(--gold)}
.form-input,.form-select,.form-textarea{width:100%;padding:13px 16px;border:1px solid var(--bdr);border-radius:var(--r);font-size:16px;color:var(--td);background:var(--white);outline:none;transition:border-color .2s;-webkit-appearance:none;min-height:48px}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,146,10,.12)}
.form-textarea{min-height:100px;resize:vertical;line-height:1.5}
.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}
.form-row{display:grid;grid-template-columns:1fr;gap:16px}
.check-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.check-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--off);border:1px solid var(--bdr);border-radius:var(--r);cursor:pointer;touch-action:manipulation}
.check-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold);flex-shrink:0;cursor:pointer}
.check-item label{font-size:14px;color:var(--td);cursor:pointer;line-height:1.4}
.nav-btns{display:flex;gap:12px;margin-top:32px}
.nav-btns .btn-p{flex:1}
.btn-back{flex:1;background:var(--off);color:var(--navy);border:1px solid var(--bdr);padding:13px 20px;border-radius:4px;font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s;min-height:48px;touch-action:manipulation}
.btn-back:hover{border-color:var(--navy)}
.success-screen{text-align:center;padding:40px 20px;display:none}
.success-icon{width:72px;height:72px;background:var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;border:3px solid var(--gold)}
.success-icon svg{width:32px;height:32px;stroke:var(--gold-light);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sidebar-info{background:var(--navy);border-radius:var(--r);padding:24px;margin-bottom:24px;position:relative;overflow:hidden}
.sidebar-info::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(201,146,10,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(201,146,10,.06) 1px,transparent 1px);background-size:32px 32px}
.sidebar-info>*{position:relative;z-index:1}
.sidebar-info h3{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:800;color:var(--white);margin-bottom:12px}
.si-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:rgba(255,255,255,.65);margin-bottom:8px;line-height:1.5}
.si-item::before{content:'✓';color:var(--gold-light);font-weight:700;flex-shrink:0}
@media(min-width:640px){
  .prog-label{display:block}
  .opt-grid{grid-template-columns:repeat(3,1fr)}
  .form-row{grid-template-columns:1fr 1fr}
  .oferta-wrap{padding:120px 32px 80px}
}
@media(min-width:1024px){
  .oferta-page-grid{display:grid;grid-template-columns:1fr 380px;gap:40px;max-width:1100px;margin:0 auto;padding:120px 5% 80px;align-items:start}
  .oferta-wrap{padding:0;max-width:none}
  .oferta-sidebar{position:sticky;top:90px}
}
