@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0e0e0e;--ink-soft:#444;--ink-muted:#888;--paper:#f5f3ee;--white:#fff;--accent:#c8522a;--accent-light:#f7ece6;--accent-dark:#9e3d1c;--border:#ddd9d0;--green:#2a7a4b;--green-light:#eaf5ef;--radius:14px;--radius-sm:8px}body{background:var(--paper);color:var(--ink);justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1rem;font-family:DM Sans,sans-serif;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.app{width:100%;max-width:620px}.header{text-align:center;margin-bottom:2.5rem}.header .badge{background:var(--accent);color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:100px;margin-bottom:1rem;padding:5px 14px;font-family:Syne,sans-serif;font-size:11px;font-weight:700;display:inline-block}.header h1{letter-spacing:-.03em;color:var(--ink);font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:800;line-height:1.1}.header h2{letter-spacing:-.03em;color:var(--ink);font-family:Syne,sans-serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:800}.header p{color:var(--ink-muted);margin-top:.5rem;font-size:15px}.steps{justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.step{color:var(--ink-muted);align-items:center;gap:8px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;transition:color .3s;display:flex}.step.active{color:var(--accent)}.step.done{color:var(--green)}.step-circle{background:0 0;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.step.active .step-circle{background:var(--accent);border-color:var(--accent);color:#fff}.step.done .step-circle{background:var(--green);border-color:var(--green);color:#fff}.step-line{background:var(--border);border-radius:2px;width:40px;height:2px;margin:0 6px;transition:background .3s}.step-line.done{background:var(--green)}.page{animation:.4s both fadeUp}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.5rem}.q-num{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-family:Syne,sans-serif;font-size:11px;font-weight:700}.q-text{color:var(--ink);margin-bottom:1.2rem;font-family:Syne,sans-serif;font-size:16px;font-weight:700;line-height:1.4}.option{border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;transition:border-color .2s,background .2s;display:flex}.option:hover{border-color:var(--accent);background:var(--accent-light)}.option input[type=radio]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:16px;height:16px}.option-label{color:var(--ink);cursor:pointer;flex:1;font-family:DM Sans,sans-serif;font-size:14px}.option:has(input[type=radio]:checked){border-color:var(--accent);background:var(--accent-light)}.offer-card{background:var(--ink);color:#fff;border-radius:var(--radius);margin-bottom:1rem;padding:1.5rem;position:relative;overflow:hidden}.offer-card:before{content:"";background:var(--accent);opacity:.25;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.offer-card .price{font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800}.offer-card .price span{opacity:.6;font-size:1rem;font-weight:400}.offer-card .offer-title{margin-bottom:4px;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.offer-card .offer-desc{opacity:.65;margin-bottom:1rem;font-size:13px}.offer-card ul{list-style:none}.offer-card ul li{opacity:.8;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.offer-card ul li:before{content:"✓";color:#7ee4a8;font-size:12px;font-weight:700}.btn{border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.02em;text-align:center;border:none;width:100%;padding:14px;font-family:Syne,sans-serif;font-size:15px;font-weight:700;transition:transform .15s,opacity .15s;display:block}.btn:hover{opacity:.92;transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-outline{color:var(--ink);border:1.5px solid var(--border);background:0 0;margin-top:10px}.form-section{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.5rem}.form-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:1rem;font-family:Syne,sans-serif;font-size:13px;font-weight:700;display:flex}.form-title .icon{font-size:16px}.form-row{grid-template-columns:1fr;gap:12px;display:grid}.form-row.two{grid-template-columns:1fr 1fr}.form-group{flex-direction:column;gap:5px;display:flex}label{color:var(--ink-soft);letter-spacing:.02em;font-size:12px;font-weight:500}input[type=text],input[type=email],input[type=tel]{border:1.5px solid var(--border);border-radius:var(--radius-sm);height:42px;color:var(--ink);background:var(--paper);outline:none;width:100%;padding:0 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}input:focus{border-color:var(--accent);background:#fff}.card-visual{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 60%,#0f3460 100%);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:120px;margin-bottom:1.2rem;padding:20px 22px;font-family:Syne,sans-serif;display:flex;position:relative;overflow:hidden}.card-visual:before{content:"";background:#ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.card-visual .chip{opacity:.5;letter-spacing:.08em;font-size:11px}.card-visual .card-num{letter-spacing:.2em;margin-top:10px;font-size:16px;font-weight:700}.card-visual .card-bottom{justify-content:space-between;align-items:flex-end;display:flex}.card-visual .card-holder{opacity:.5;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.card-visual .card-exp{opacity:.7;font-size:12px;font-weight:600}.summary-line{border-bottom:1px solid var(--border);color:var(--ink-soft);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.summary-line:last-child{border-bottom:none}.summary-line.total{color:var(--ink);margin-top:4px;padding-top:12px;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.success-icon{background:var(--green-light);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.2rem;font-size:32px;display:flex}.success-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-bottom:1rem;padding:2rem}.success-card h2{margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800}.success-card p{color:var(--ink-muted);font-size:14px;line-height:1.6}.ref-box{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:.1em;color:var(--ink-soft);margin-top:1rem;padding:6px 16px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;display:inline-block}.error-msg{color:#c0392b;margin-top:4px;font-size:12px}
