@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&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;--shadow-sm:0 4px 14px -8px #0e0e0e2e;--shadow-md:0 14px 32px -16px #0e0e0e47;--shadow-accent:0 10px 26px -12px #c8522a8c}body{z-index:0;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;position:relative}@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;box-shadow:var(--shadow-accent);border-radius:100px;margin-bottom:1rem;padding:6px 16px;font-family:Fredoka,sans-serif;font-size:11px;font-weight:700;display:inline-block}.header h1{letter-spacing:-.03em;color:#fff;text-shadow:0 2px 18px #00000059;font-family:Fredoka,sans-serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:800;line-height:1.1}.header h2{letter-spacing:-.03em;color:#ffd400;text-shadow:1px 1px #000,2px 2px #000,3px 3px #000,3px 3px 8px #00000073;font-family:Fredoka,sans-serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:800}.header p{color:#ffffffd1;text-shadow:0 1px 8px #0006;margin-top:.7rem;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:Fredoka,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;box-shadow:0 0 0 5px var(--accent-light)}.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{will-change:transform, opacity}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.5rem;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.q-num{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-family:Fredoka,sans-serif;font-size:11px;font-weight:700}.q-text{color:var(--ink);margin-bottom:1.2rem;font-family:Fredoka,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:12px 14px;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;display:flex}.option:hover{border-color:var(--accent);background:var(--accent-light);transform:translate(2px)}.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);box-shadow:var(--shadow-accent)}.offer-card{background:linear-gradient(150deg, var(--ink) 0%, #241a15 60%, var(--accent-dark) 150%);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);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:Fredoka,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:Fredoka,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:Fredoka,sans-serif;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .2s,opacity .15s;display:block}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{box-shadow:0 16px 34px -14px #c8522aa6}.btn-outline{color:var(--ink);border:1.5px solid var(--border);background:#fff;margin-top:10px}.btn-outline:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.form-section{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.5rem;transition:box-shadow .2s;box-shadow:0 6px 20px -14px #00000040}.form-section:hover{box-shadow:0 10px 26px -14px #0000004d}.form-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:1.1rem;padding-bottom:.9rem;font-family:Fredoka,sans-serif;font-size:13px;font-weight:700;display:flex}.form-title .icon{background:var(--accent-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:inline-flex}.form-row{grid-template-columns:1fr;gap:14px;display:grid}.form-row.two{grid-template-columns:1fr 1fr}.form-group{flex-direction:column;gap:6px;display:flex}label{color:var(--ink-soft);letter-spacing:.02em;font-size:12px;font-weight:600}input[type=text],input[type=email],input[type=tel]{border:1.5px solid var(--border);border-radius:var(--radius-sm);height:44px;color:var(--ink);background:var(--paper);outline:none;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:#fff}input::placeholder{color:var(--ink-muted)}.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:Fredoka,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:Fredoka,sans-serif;font-size:15px;font-weight:700}.success-icon{background:linear-gradient(135deg, var(--green-light) 0%, #d4f0e0 100%);width:72px;height:72px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.2rem;font-size:32px;font-weight:800;display:flex;box-shadow:0 10px 24px -10px #2a7a4b73}.success-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-md);margin-bottom:1rem;padding:2rem}.success-card h2{margin-bottom:.5rem;font-family:Fredoka,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:Fredoka,sans-serif;font-size:13px;font-weight:700;display:inline-block}.error-msg{color:#c0392b;margin-top:4px;font-size:12px}