:root{--bg: #fafafa;--teal: #0d9488;--teal-soft: rgba(13, 148, 136, .08);--yellow: #ffd60a;--yellow-hover: #f5c800;--ink: #101416;--text: #1a1f21;--text-muted: #6b7280;--card-bg: #ffffff;--border: rgba(16, 20, 22, .08);--shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 6px 20px rgba(0, 0, 0, .07);--radius: 14px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}.app-shell{min-height:100vh;display:flex;justify-content:center;padding:24px 16px 48px}.container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:18px}.header{text-align:center;padding:12px 0 0}.logo{font-size:30px;font-weight:900;letter-spacing:.1em;color:var(--ink);text-transform:uppercase;margin:0}.logo-accent{color:var(--teal)}.logo-img{max-height:64px;max-width:260px;object-fit:contain}.tagline{margin:4px 0 0;font-size:13px;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase}.countdown-wrap{text-align:center}.countdown-label{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.countdown{display:flex;justify-content:center;gap:8px}.countdown-seg{background:var(--ink);border-radius:10px;min-width:64px;padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center}.countdown-num{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--yellow);line-height:1.1}.countdown-unit{font-size:10px;font-weight:600;letter-spacing:.1em;color:#ffffffa6}.countdown-urgent .countdown-num{color:#ff6b6b;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.greeting{font-size:26px;font-weight:700;margin:0;color:var(--ink)}.exclusive-banner{background:var(--teal);color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:12px 14px;border-radius:10px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;border:1px solid var(--border)}.card-with-image{padding:0;overflow:hidden}.card-with-image .card-body{padding:22px 24px}.card-image{display:block;width:100%;max-height:220px;object-fit:cover}.card-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);margin:0 0 10px}.card-label-yellow{display:inline-block;background:var(--yellow);color:var(--ink);padding:4px 10px;border-radius:6px}.addon-pitch{font-size:15px;font-weight:500;color:var(--text);margin:0 0 14px}.addon-image{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:10px;margin:0 0 14px}.product-name{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--ink)}.product-name-lg{font-size:22px;font-weight:700;margin:0 0 14px;line-height:1.25}.price-regular{margin:0 0 4px;display:flex;align-items:baseline;gap:8px}.strikethrough{text-decoration:line-through;color:var(--text-muted);font-size:18px;font-weight:500}.savings-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.price{font-size:42px;font-weight:800;margin:0;line-height:1.1;color:var(--ink)}.plus-tax{font-size:16px;font-weight:600;color:var(--text-muted)}.plus-tax-sm{font-size:13px;font-weight:600;color:var(--text-muted)}.price-addon{font-size:26px;font-weight:800;margin:0;color:var(--teal);display:flex;align-items:baseline;gap:8px}.deal-tag{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--yellow);padding:3px 8px;border-radius:999px}.offer-note{margin:14px 0 0;background:var(--teal-soft);color:var(--teal);font-size:13px;font-weight:600;padding:10px 12px;border-radius:8px}.klarna{font-size:12px;color:var(--text-muted);margin:0;text-align:center}.addon-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}.addon-text{flex:1;min-width:0}.toggle{position:relative;display:inline-block;width:52px;height:30px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:999px;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000040}.toggle input:checked+.toggle-slider{background:var(--teal)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.btn{display:block;width:100%;height:52px;background:var(--yellow);color:var(--ink);font-size:17px;font-weight:800;border:none;border-radius:12px;cursor:pointer;transition:background .15s ease,transform .1s ease,opacity .15s ease;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 2px 10px #f5c80059}.btn:hover:not(:disabled){background:var(--yellow-hover);transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:not-allowed}.fine-print{font-size:12px;color:var(--text-muted);text-align:center;margin:0}.error{background:#fdecec;color:#a02323;border:1px solid rgba(160,35,35,.2);border-radius:8px;padding:10px 12px;font-size:13px;margin:0}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(0,0,0,.25);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}.spinner-lg{width:36px;height:36px;border-width:3px;border-color:#0d948840;border-top-color:var(--teal)}@keyframes spin{to{transform:rotate(360deg)}}.center-state{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.checkmark{width:72px;height:72px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;margin:0 auto}.checkmark svg{width:36px;height:36px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}h1.page-title{font-size:28px;font-weight:700;margin:0}.page-subtext{color:var(--text-muted);margin:0;font-size:15px;max-width:360px}