*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#e8e8f8,#f5f5ff);color:#2b2d42;display:flex;align-items:center;justify-content:center;padding:10px;height:100vh}#root{width:100%;display:flex;align-items:center;justify-content:center}:root{--primary-purple: #8b5cf6;--primary-dark: #2b2d42;--text-gray: #666;--text-light-gray: #999;--bg-light: #f8f9fa;--border-light: #e0e0e0;--promo-gold: #ffd700;--promo-gradient: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);--purple-gradient: linear-gradient(135deg, #8b5cf6, #a855f7);--bg-gradient: linear-gradient(135deg, #e8e8f8 0%, #f5f5ff 100%);--trustpilot-green: #00b67a}.floating-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #8b5cf626;width:100%;max-width:400px;padding:16px;display:flex;flex-direction:column;height:auto;max-height:100%;animation:float 3s ease-in-out infinite;position:relative;overflow:hidden}.promo-banner{position:absolute;top:12px;right:-35px;background:var(--promo-gradient);color:var(--primary-dark);padding:4px 40px;font-size:11px;font-weight:800;transform:rotate(45deg);box-shadow:0 4px 12px #ffd70066;z-index:10;text-transform:uppercase;letter-spacing:.5px;animation:shimmer 2s infinite}.promo-badge{background:var(--promo-gradient);color:var(--primary-dark);padding:8px 16px;border-radius:14px;text-align:center;margin-bottom:12px;box-shadow:0 4px 15px #ffd7004d;animation:pulse 2s ease-in-out infinite}.promo-badge-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;opacity:.9}.promo-badge-amount{font-size:26px;font-weight:900;line-height:1;margin-bottom:3px}.promo-badge-subtitle{font-size:11px;font-weight:600;opacity:.85}.logo{font-size:42px;font-weight:800;color:var(--primary-dark);margin-bottom:10px;text-align:center}.logo span{color:var(--primary-purple)}.hero-section{text-align:center;margin-bottom:12px}.hero-title{font-size:26px;font-weight:800;color:var(--primary-dark);margin-bottom:6px;line-height:1.2}.hero-subtitle{font-size:13px;color:var(--text-gray);line-height:1.4}.stats-section{display:flex;justify-content:space-around;background:var(--bg-light);padding:8px 6px;border-radius:12px;margin-bottom:14px}.stat-item{text-align:center}.stat-number{font-size:15px;font-weight:800;color:var(--primary-purple);display:inline-block;overflow:hidden;position:relative}.stat-number.updating{animation:scroll .6s ease-out}.stat-label{font-size:9px;color:var(--text-gray);text-transform:uppercase;margin-top:2px}.steps-section{margin-bottom:14px}.section-title{font-size:18px;font-weight:700;color:var(--primary-dark);margin-bottom:10px;text-align:center}.steps-list{background:var(--bg-light);border-radius:14px;padding:14px 12px}.step-item{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step-item:last-child{margin-bottom:0}.step-number{width:36px;height:36px;background:var(--purple-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;flex-shrink:0}.step-text h3{font-size:14px;margin-bottom:2px;color:var(--primary-dark);font-weight:700}.step-text p{font-size:11px;color:var(--text-gray);line-height:1.3}.cta-section{text-align:center;margin-bottom:10px}.cta-button{display:block;width:100%;background:var(--purple-gradient);color:#fff;padding:13px 24px;font-size:16px;font-weight:700;border-radius:50px;border:none;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #8b5cf64d;position:relative}.cta-button:hover{background:linear-gradient(135deg,#7c3aed,#9333ea);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.cta-button.enabled{animation:pulse-cta 2s ease-in-out infinite}@keyframes pulse-cta{0%,to{box-shadow:0 4px 15px #8b5cf64d}50%{box-shadow:0 4px 20px #8b5cf680}}.cta-subtext{font-size:11px;color:var(--text-gray);margin-top:8px}.footer-section{padding-top:8px;border-top:1px solid var(--border-light)}.trustpilot-section{text-align:center}.trustpilot{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-gray);background:var(--bg-light);padding:6px 12px;border-radius:15px}.trustpilot-stars{color:var(--trustpilot-green);font-size:14px}.region-label{margin-top:8px;font-size:10px;color:var(--text-light-gray);text-align:center}.modal-overlay{position:fixed;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.modal-overlay.visible{opacity:1;visibility:visible;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:24px;padding:28px 24px;max-width:360px;width:100%;box-shadow:0 20px 60px #00000040;text-align:left;transform:scale(.9) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.modal-overlay.visible .modal{transform:scale(1) translateY(0);opacity:1}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--purple-gradient)}.modal-title{font-size:22px;font-weight:800;margin-bottom:12px;color:var(--primary-dark);line-height:1.3}.modal-text{font-size:14px;color:var(--text-gray);line-height:1.6;margin-bottom:24px}.modal-buttons{display:flex;flex-direction:column;gap:10px}.modal-button{width:100%;border-radius:999px;padding:14px 20px;font-size:15px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.modal-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.modal-button:active:before{width:300px;height:300px}.modal-button.primary{background:var(--purple-gradient);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.modal-button.primary:active{transform:translateY(0)}.modal-button.secondary{background:#f3f4f6;color:var(--primary-dark)}.modal-button.secondary:hover{background:#e5e7eb}@supports (-webkit-touch-callout: none){.modal{border-radius:28px;padding:32px 24px}.modal-overlay.visible{background:#000000b3}}.arrow-indicator{text-align:center;margin:20px 0;animation:bounce-arrow 1.5s ease-in-out infinite}.arrow-indicator svg{width:40px;height:40px;fill:var(--primary-purple)}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.ios-instructions{background:var(--bg-light);border-radius:12px;padding:16px;margin:16px 0;border-left:3px solid var(--primary-purple)}.ios-instructions-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.ios-instructions-step:last-child{margin-bottom:0}.ios-instructions-number{width:24px;height:24px;background:var(--purple-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;margin-top:2px}.ios-instructions-text{flex:1;font-size:13px;color:var(--primary-dark);line-height:1.5}.ios-instructions-text strong{color:var(--primary-purple);font-weight:700}.notification{position:fixed;top:15px;left:50%;transform:translate(-50%) translateY(-100px);background:#fff;padding:8px 14px;border-radius:20px;box-shadow:0 2px 15px #0000001a;display:flex;align-items:center;gap:8px;transition:transform .5s;z-index:1000;width:90%;max-width:300px;font-size:12px;border:1px solid var(--border-light)}.notification.show{transform:translate(-50%) translateY(0)}.notification-icon{width:22px;height:22px;background:var(--primary-purple);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.85}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes scroll{0%{transform:translateY(0)}50%{transform:translateY(-100%);opacity:0}51%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-height:750px){.floating-card{padding:20px 18px}.promo-banner{font-size:12px;padding:5px 40px}.promo-badge{padding:10px 18px;margin-bottom:18px}.promo-badge-amount{font-size:28px}.logo{font-size:48px;margin-bottom:14px}.hero-title{font-size:30px;margin-bottom:6px}.hero-subtitle{font-size:13px}.hero-section{margin-bottom:18px}.stats-section{padding:10px 8px;margin-bottom:20px}.stat-number{font-size:16px}.section-title{font-size:20px;margin-bottom:14px}.steps-list{padding:18px 14px}.step-item{margin-bottom:16px;gap:12px}.step-number{width:42px;height:42px;font-size:19px}.step-text h3{font-size:15px}.step-text p{font-size:12px}.steps-section{margin-bottom:20px}.cta-button{padding:15px 24px;font-size:17px}.cta-section{margin-bottom:14px}.cta-subtext{font-size:10px;margin-top:6px}}@media(max-height:650px){.floating-card{padding:18px 16px}.promo-banner{font-size:11px;padding:4px 38px}.promo-badge{padding:8px 16px;margin-bottom:16px}.promo-badge-title{font-size:10px}.promo-badge-amount{font-size:26px}.promo-badge-subtitle{font-size:11px}.logo{font-size:44px;margin-bottom:12px}.hero-title{font-size:28px}.hero-subtitle{font-size:12px}.hero-section{margin-bottom:16px}.stats-section{padding:8px 6px;margin-bottom:18px}.stat-number{font-size:15px}.stat-label{font-size:9px}.section-title{font-size:19px;margin-bottom:12px}.steps-list{padding:16px 12px}.step-item{margin-bottom:14px}.step-number{width:40px;height:40px;font-size:18px}.step-text h3{font-size:14px}.step-text p{font-size:11px}.steps-section{margin-bottom:18px}.cta-button{padding:14px 22px;font-size:16px}.cta-section{margin-bottom:12px}.footer-section{padding-top:10px}}