:root{--instagram-purple: #833AB4;--instagram-red: #FD1D1D;--instagram-yellow: #FCAF45;--instagram-gradient: linear-gradient(45deg, #833AB4, #FD1D1D, #FCAF45);--primary-bg: #FAFAFA;--secondary-bg: #FFFFFF;--text-primary: #262626;--text-secondary: #8e8e8e;--border-color: #DBDBDB;--button-primary: #0095F6;--button-secondary: #EFEFEF;--shadow: 0 1px 2px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--primary-bg);color:var(--text-primary);min-height:100vh;overscroll-behavior:none}#app{max-width:100%;margin:0 auto;position:relative}.instagram-header{background-color:var(--secondary-bg);border-bottom:1px solid var(--border-color);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-right{display:flex;align-items:center;gap:12px}.instagram-logo{height:30px}.instagram-avatar{width:24px;height:24px;color:var(--text-primary);cursor:pointer}.post-container{padding:0;background-color:var(--secondary-bg)}.post-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color)}.post-header-avatar{width:32px;height:32px;border-radius:50%;margin-right:12px;background-size:cover;background-position:center}.post-header-info{flex:1;display:flex;align-items:center;justify-content:space-between}.post-header-username{font-weight:600;font-size:14px}.post-header-more{font-size:24px;color:var(--text-primary)}.post-image{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}.post-actions{display:flex;justify-content:space-between;padding:12px 16px}.post-actions-left,.post-actions-right{display:flex;gap:16px}.action-icon{width:24px;height:24px;cursor:pointer}.post-likes{padding:0 16px;margin-bottom:8px;font-weight:600;font-size:14px}.post-caption{padding:0 16px;margin-bottom:8px}.post-username{font-weight:600;font-size:14px;margin-right:4px}.post-text{font-size:14px}.post-time{padding:0 16px;font-size:10px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:12px}.post-comments{padding:0 16px;margin-bottom:12px}.comment{display:flex;margin-bottom:4px}.comment-username{font-weight:600;font-size:14px;margin-right:4px}.comment-text{font-size:14px}.post-footer{position:fixed;bottom:0;left:0;right:0;background-color:var(--secondary-bg);border-top:1px solid var(--border-color);padding:10px 0;display:flex;justify-content:space-around;align-items:center}.footer-icon{width:24px;height:24px;cursor:pointer}.cta-button{background-color:#ff385c;color:#fff;border:none;border-radius:8px;padding:14px;width:calc(100% - 32px);margin:16px;font-weight:600;font-size:16px;cursor:pointer;text-align:center}.funnel-container{background-color:var(--secondary-bg);padding:20px 16px;margin-bottom:16px}.funnel-question{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.funnel-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.funnel-option{background-color:var(--button-secondary);border:none;border-radius:8px;padding:14px 16px;font-size:14px;font-weight:600;text-align:left;cursor:pointer;transition:all .2s ease}.funnel-option:hover,.funnel-option:focus{background-color:#0095f61a}.funnel-progress{display:flex;justify-content:center;gap:4px;margin-top:20px}.progress-dot{width:6px;height:6px;border-radius:50%;background-color:var(--border-color)}.progress-dot.active{background-color:var(--button-primary)}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100%);background-color:#ff0c;color:#000;padding:12px 20px;border-radius:8px;font-size:14px;z-index:1000;opacity:0;transition:all .3s ease}.notification.show{transform:translate(-50%) translateY(0);opacity:1}.discount-badge{background:var(--instagram-gradient);color:#fff;font-weight:700;font-size:14px;padding:6px 12px;border-radius:16px;display:inline-block;margin-bottom:16px}.final-offer{text-align:center;padding:24px 16px}.final-offer-title{font-size:24px;font-weight:700;margin-bottom:16px;background:var(--instagram-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.final-offer-subtitle{font-size:16px;margin-bottom:24px}.final-price{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.original-price{font-size:18px;text-decoration:line-through;color:var(--text-secondary);margin-bottom:8px}.discount-price{font-size:32px;font-weight:700;color:#00c853;margin-bottom:8px}.countdown{background-color:#fff4e5;border-radius:8px;padding:12px;margin-bottom:24px}.countdown-title{font-size:14px;font-weight:600;color:#ff9800;margin-bottom:8px}.countdown-timer{font-size:20px;font-weight:700;color:#f44336}.buy-button{background:linear-gradient(45deg,#ff416c,#ff4b2b);color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:18px;font-weight:700;width:100%;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff4b2b66;margin-bottom:24px}.buy-button:hover,.buy-button:focus{transform:translateY(-2px);box-shadow:0 6px 16px #ff4b2b80}.benefits-list{text-align:left}.benefits-title{font-size:16px;font-weight:600;margin-bottom:12px}.benefits-list ul{list-style:none}.benefits-list li{margin-bottom:8px;font-size:14px}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}#confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%}
