.hero{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#ffe5ec,#fff0f5);-webkit-overflow-scrolling:touch}.hero-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffe5ec,#fff0f5)}.fallback-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,182,193,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(221,160,221,.3) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,105,180,.2) 0%,transparent 60%);animation:gradientShift 10s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero canvas{position:absolute;top:0;left:0;width:100%;height:100%}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;pointer-events:none;perspective:1000px;width:100%;max-width:800px;padding:0 1rem}.logo-container{display:inline-block;position:relative;margin-bottom:1.5rem;transform-style:preserve-3d}.logo-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(255,105,180,.4) 0%,rgba(255,182,193,.2) 50%,transparent 70%);border-radius:50%;filter:blur(30px);z-index:-1;animation:pulse 3s ease-in-out infinite}.logo-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);border-radius:50%;z-index:-1}.logo-container:before{animation:pulse 3s ease-in-out infinite,rotate 20s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.logo-image{width:180px;height:auto;margin-bottom:0;filter:drop-shadow(0 10px 25px rgba(255,105,180,.4)) drop-shadow(0 5px 15px rgba(255,182,193,.3));animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#ffe5ec,#fff0f5);padding:1.5rem;border-radius:30px;box-shadow:0 8px 32px #ffb6c14d,inset 0 2px 10px #ffffff80;transform-style:preserve-3d;transition:all .3s ease;position:relative}.logo-image:before{content:"";position:absolute;top:10%;left:10%;width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%;filter:blur(10px);pointer-events:none}.logo-image:hover{transform:translateY(-5px) scale(1.05) rotate(2deg);filter:drop-shadow(0 15px 35px rgba(255,105,180,.5)) drop-shadow(0 8px 20px rgba(255,182,193,.4));box-shadow:0 12px 40px #ffb6c166,inset 0 2px 10px #fff9}.hero-title{font-size:3.8rem;font-weight:800;color:#ff69b4;margin-bottom:1rem;text-shadow:0 4px 12px rgba(255,105,180,.3);animation:fadeInUp 1s ease-out;letter-spacing:-.02em;line-height:1.1}.hero-subtitle{font-size:1.6rem;font-weight:500;color:#666;margin-bottom:2.5rem;max-width:650px;line-height:1.7;animation:fadeInUp 1s ease-out .2s backwards}.cta-button{pointer-events:all;padding:1.3rem 3.5rem;font-size:1.4rem;font-weight:700;font-family:Poppins,Quicksand,sans-serif;color:#fff;background:linear-gradient(135deg,#ff69b4,#ffb6c1);border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 24px #ff69b466,inset 0 2px 8px #ffffff4d;transition:all .3s ease;animation:fadeInUp 1s ease-out .4s backwards;letter-spacing:.02em;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.cta-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #ff69b480}.cta-button:active{transform:translateY(-2px) scale(1.02)}.cta-button.secondary{background:linear-gradient(135deg,plum,#e6b8e6);box-shadow:0 8px 24px #dda0dd66,inset 0 2px 8px #ffffff4d}.cta-button.secondary:hover{box-shadow:0 12px 32px #dda0dd80}.instagram-link{display:block;margin-top:1.2rem;font-size:1.1rem;color:#e1306c;text-decoration:none;font-weight:700;pointer-events:all;transition:all .3s ease;animation:fadeInUp 1s ease-out .6s backwards}.instagram-link:hover{color:#f56040;transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.hero{height:100svh;min-height:-webkit-fill-available}.hero canvas{pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.hero-fallback{height:100svh;min-height:-webkit-fill-available}.hero-title{font-size:2.2rem;line-height:1.2}.hero-subtitle{font-size:1.05rem;padding:0 1.5rem;line-height:1.6}.cta-button{padding:1.1rem 2.5rem;font-size:1.15rem;width:90%;max-width:320px;min-height:52px}.logo-image{width:130px;padding:1.2rem}.logo-container:before{width:170px;height:170px}.instagram-link{font-size:.95rem;padding:.5rem 1rem;min-height:44px;display:inline-flex;align-items:center}}.cta-button.ai-button{background:linear-gradient(135deg,#8a2be2,#9370db,#ba55d3);color:#fff;position:relative;overflow:hidden}.cta-button.ai-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button.ai-button:hover:before{left:100%}.cta-button.ai-button:hover{background:linear-gradient(135deg,#9932cc,#8a2be2,#9370db);transform:translateY(-2px)}@media (max-width: 768px){.hero .cta-buttons{flex-direction:column;align-items:center;gap:12px!important}.cta-button{width:100%;max-width:280px;padding:16px 24px;font-size:1.1rem}.cta-button.ai-button{order:-1}}@media (max-width: 480px){.cta-button{min-height:48px;font-size:1rem;padding:14px 20px}}.how-it-works{min-height:100vh;padding:6rem 2rem;background:linear-gradient(180deg,#fff0f5,#fff5f0);display:flex;align-items:center;justify-content:center}.container{max-width:1200px;margin:0 auto;width:100%}.section-title{font-size:3.2rem;font-weight:800;color:#ff69b4;text-align:center;margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{font-size:1.4rem;font-weight:500;color:#666;text-align:center;margin-bottom:4rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:4rem}.step{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2rem;border-radius:32px;text-align:center;box-shadow:0 8px 32px #ffb6c133;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.step:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff69b41a,#ffb6c11a);opacity:0;transition:opacity .4s ease}.step:hover:before{opacity:1}.step-number{display:inline-block;width:50px;height:50px;line-height:50px;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 4px 16px #ff69b44d;position:relative;z-index:1;transition:all .3s ease}.step-emoji{font-size:4rem;margin-bottom:1.5rem;display:inline-block;position:relative;z-index:1}.step-title{font-size:1.9rem;font-weight:700;color:#ff69b4;margin-bottom:1rem;letter-spacing:-.01em}.step-description{font-size:1.15rem;font-weight:500;color:#666;line-height:1.7}@media (max-width: 768px){.how-it-works{padding:4rem 1.5rem}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.1rem}.steps-grid{gap:2rem}.step{padding:2.5rem 1.5rem}.step-emoji{font-size:3rem}.step-title{font-size:1.5rem}}.create-page{min-height:100vh;padding:4rem 2rem;background:linear-gradient(180deg,#fff0f5,#fff5f0)}.create-container{max-width:700px;margin:0 auto}.create-header{text-align:center;margin-bottom:3rem}.create-header h1{font-size:2.5rem;font-weight:700;color:#ff69b4;margin-bottom:.5rem}.create-header p{font-size:1.2rem;color:#ffb6c1}.step-indicator{display:flex;align-items:center;justify-content:center;margin-top:2rem;gap:1rem}.step-dot{width:40px;height:40px;border-radius:50%;background:#ffe5ec;color:#ffb6c1;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.step-dot.active{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;transform:scale(1.1)}.step-line{width:60px;height:3px;background:#ffe5ec;transition:all .3s ease}.step-line.active{background:linear-gradient(90deg,#ff69b4,#ffb6c1)}.create-form{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:32px;box-shadow:0 8px 32px #ffb6c133}.form-step h2{font-size:1.8rem;font-weight:700;color:#ff69b4;margin-bottom:2rem;text-align:center}.occasion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.occasion-card{padding:2rem 1rem;background:#fff;border:3px solid #FFE5EC;border-radius:20px;font-size:1.2rem;font-weight:600;color:#ffb6c1;cursor:pointer;transition:all .3s ease;font-family:Quicksand,sans-serif}.occasion-card:hover{transform:translateY(-4px);border-color:#ffb6c1}.occasion-card.selected{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-color:#ff69b4}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:1rem;font-weight:600;color:#ff69b4;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid #FFE5EC;border-radius:16px;font-size:1rem;font-family:Quicksand,sans-serif;color:#666;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffb6c1}.ai-hint{display:block;margin-top:.5rem;font-size:.9rem;color:#ffb6c1;font-style:italic}.radio-group{display:flex;gap:2rem}.radio-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#666;cursor:pointer}.radio-label input[type=radio]{width:20px;height:20px;accent-color:#FF69B4}.summary-box{background:#fff0f5;padding:1.5rem;border-radius:16px;margin-top:2rem}.summary-box h3{font-size:1.2rem;font-weight:700;color:#ff69b4;margin-bottom:1rem}.summary-box p{font-size:1rem;color:#666;margin-bottom:.5rem}.delivery-time{color:#ff69b4;font-weight:600;margin-top:1rem}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{flex:1;padding:1rem 2rem;font-size:1.1rem;font-weight:600;font-family:Quicksand,sans-serif;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}.btn-secondary{background:#fff;color:#ff69b4;border:2px solid #FFE5EC}.btn-secondary:hover{border-color:#ffb6c1}.instagram-cta{text-align:center;margin-top:2rem;padding:2rem;background:#fff9;border-radius:20px}.instagram-cta p{font-size:1rem;color:#ffb6c1;margin-bottom:1rem}.instagram-button{display:inline-block;padding:.8rem 2rem;background:linear-gradient(135deg,#e1306c,#f56040);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease}.instagram-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e1306c66}@media (max-width: 768px){.create-page{padding:2rem 1rem}.create-form{padding:2rem 1.5rem}.occasion-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.tier-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.tier-option{padding:2rem 1.5rem;background:#fff;border:3px solid #FFE5EC;border-radius:24px;cursor:pointer;transition:all .3s ease;font-family:Quicksand,sans-serif;text-align:center}.tier-option:hover{transform:translateY(-4px);border-color:#ffb6c1;box-shadow:0 8px 24px #ffb6c14d}.tier-option.selected{background:linear-gradient(135deg,#ff69b4,#ffb6c1);border-color:#ff69b4;color:#fff}.tier-emoji-large{font-size:3rem;margin-bottom:.5rem}.tier-name-small{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.tier-option.selected .tier-name-small{color:#fff}.tier-price-small{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:#ff69b4}.tier-option.selected .tier-price-small{color:#fff}.tier-features-small{font-size:.9rem;color:#666;line-height:1.4}.tier-option.selected .tier-features-small{color:#ffffffe6}.order-success{text-align:center;padding:2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.order-id{font-size:1.2rem;color:#666;margin-bottom:2rem}.invoice-card{background:#fff;border-radius:16px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 20px #ff69b426;text-align:left}.invoice-card h3{color:#ff69b4;margin-bottom:1rem;text-align:center}.invoice-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #FFE5EC}.invoice-row:last-child{border-bottom:none}.invoice-row.total{font-weight:700;font-size:1.2rem;color:#ff69b4;border-top:2px solid #FF69B4;margin-top:.5rem;padding-top:1rem}.next-steps{background:#fff5f7;border-radius:16px;padding:1.5rem;margin:1.5rem 0;text-align:left}.next-steps h3{color:#ff69b4;margin-bottom:1rem}.next-steps ol{padding-left:1.5rem}.next-steps li{margin-bottom:.75rem;color:#666}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.btn-instagram{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#e1306c,#f56040);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;text-align:center;transition:all .3s ease}.btn-instagram:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e1306c66}.note{color:#888;font-size:.95rem;margin-top:1rem}@media (max-width: 768px){.action-buttons{flex-direction:column}.invoice-card,.next-steps{padding:1rem}}.cute-invoice{background:linear-gradient(135deg,#fff5f7,#ffe5ec);border-radius:24px;padding:2rem;margin:1.5rem 0;border:3px solid #FFB6C1;box-shadow:0 8px 32px #ffb6c14d}.invoice-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px dashed #FFB6C1}.invoice-logo{font-size:3rem;margin-bottom:.5rem}.invoice-header h2{font-size:2rem;color:#ff69b4;margin:0;font-weight:800}.invoice-tagline{color:#ffb6c1;font-size:.9rem;margin-top:.25rem}.invoice-title{text-align:center;font-size:1.2rem;font-weight:700;color:#ff69b4;margin:1rem 0;letter-spacing:2px}.sparkle{margin:0 .5rem}.invoice-details{background:#fff;border-radius:16px;padding:1rem;margin:1rem 0}.invoice-detail-row{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #FFE5EC}.invoice-detail-row:last-child{border-bottom:none}.detail-icon{font-size:1.2rem;margin-right:.75rem;width:30px}.detail-label{font-weight:600;color:#ff69b4;width:80px}.detail-value{flex:1;color:#666;text-align:right}.invoice-amount{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;padding:1rem 1.5rem;border-radius:16px;margin:1rem 0;font-weight:700}.invoice-amount .amount{font-size:1.5rem}.invoice-message{background:#fff;border-radius:12px;padding:1rem;margin:1rem 0;text-align:center;font-style:italic;color:#888}.invoice-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:2px dashed #FFB6C1}.invoice-footer p{margin:.25rem 0;color:#ff69b4;font-size:.9rem}.invoice-footer .thank-you{margin-top:1rem;font-size:1.1rem;font-weight:700}.kawaii-hearts-template{position:relative;width:100vw;height:100vh;background:linear-gradient(135deg,#ffe5ec,#fff0f5,#ffe5f0);overflow:hidden}.kawaii-hearts-template canvas{position:absolute;top:0;left:0;width:100%;height:100%}.content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:10}.message-bubble{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem 2.5rem;border-radius:40px;box-shadow:0 20px 60px #ff69b44d,inset 0 2px 10px #fffc;text-align:center;max-width:500px;margin:0 2rem;border:3px solid rgba(255,182,193,.5)}.message-bubble h1{font-size:3rem;font-weight:800;color:#ff69b4;margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(255,105,180,.3);letter-spacing:-.02em}.message-bubble p{font-size:1.4rem;color:#666;line-height:1.8;font-weight:500}.preview-watermark{position:absolute;top:2rem;right:2rem;background:#ffffffe6;padding:.8rem 1.5rem;border-radius:20px;font-size:1rem;font-weight:700;color:#ff69b4;box-shadow:0 4px 12px #ff69b44d;z-index:20}.watermark-badge{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#ffb6c14d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#ff69b4;border:2px solid rgba(255,182,193,.5)}@media (max-width: 768px){.message-bubble{padding:2.5rem 2rem;margin:0 1.5rem;border-radius:30px}.message-bubble h1{font-size:2.2rem}.message-bubble p{font-size:1.2rem}.preview-watermark{top:1rem;right:1rem;padding:.6rem 1.2rem;font-size:.9rem}.watermark-badge{bottom:1rem;font-size:.8rem;padding:.5rem 1rem}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.music-box-template{position:relative;width:100vw;height:100vh;background:linear-gradient(135deg,#2c1810,#4a2c1a,#3d2416);overflow:hidden}.music-box-template canvas{position:absolute;top:0;left:0;width:100%;height:100%}.content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:4rem;pointer-events:none;z-index:10}.message-scroll{background:linear-gradient(135deg,#fff8dc,#faebd7);padding:2.5rem 3rem;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 2px 10px #ffffff80;max-width:500px;margin:0 2rem;border:3px solid #D4AF37;position:relative}.message-scroll:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:80%;height:20px;background:linear-gradient(90deg,transparent,#D4AF37,transparent);border-radius:10px}.scroll-content{text-align:center}.engraved-name{font-size:2rem;font-weight:700;color:#8b4513;margin-bottom:1.5rem;font-family:Georgia,serif;text-shadow:1px 1px 2px rgba(0,0,0,.2);letter-spacing:.05em}.scroll-message{font-size:1.3rem;color:#5d4037;line-height:1.8;font-family:Georgia,serif;font-style:italic}.play-button{pointer-events:all;margin-top:2rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#d4af37,gold);color:#4a2c1a;border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #d4af3766;transition:all .3s ease}.play-button:hover{transform:translateY(-4px);box-shadow:0 12px 32px #d4af3799}@media (max-width: 768px){.content-overlay{padding-bottom:2rem}.message-scroll{padding:2rem 1.5rem;margin:0 1.5rem}.engraved-name{font-size:1.6rem}.scroll-message{font-size:1.1rem}.play-button{padding:.9rem 2rem;font-size:1.1rem}}.template1-demo{font-family:Poppins,sans-serif;overflow-x:hidden;background:linear-gradient(180deg,#ffe5ec,#fff0f5,#e6e6fa,#ffe5ec,pink);background-attachment:fixed;cursor:default;min-height:100vh}.butterflies-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.butterfly{position:absolute;animation:float 15s infinite ease-in-out;pointer-events:all;cursor:pointer;transition:transform .3s}.butterfly:hover{transform:scale(1.5) rotate(20deg)}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,-100px) rotate(90deg)}50%{transform:translate(200px,50px) rotate(180deg)}75%{transform:translate(-50px,-50px) rotate(270deg)}}.music-control{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;box-shadow:0 4px 15px #b76e794d;transition:all .3s;border:none}.music-control:hover{transform:scale(1.1);box-shadow:0 6px 20px #b76e7980}.music-icon{font-size:24px;animation:pulse 2s infinite}.music-control.paused .music-icon{animation:none;opacity:.5}.purchase-button{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border:none;border-radius:25px;padding:15px 20px;cursor:pointer;z-index:10000;box-shadow:0 10px 30px #ff69b44d;transition:all .3s;display:flex;align-items:center;gap:10px;max-width:280px}.purchase-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff69b466}.purchase-icon{font-size:20px}.purchase-text{display:flex;flex-direction:column;align-items:flex-start}.purchase-title{font-weight:600;font-size:14px}.purchase-price{font-size:12px;opacity:.9}.start-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#ffe5ec,#e6e6fa);display:flex;align-items:center;justify-content:center;z-index:10002;cursor:pointer;transition:opacity .5s}.start-overlay.hidden{opacity:0;pointer-events:none}.start-content{text-align:center;padding:40px}.start-title{font-family:Dancing Script,cursive;font-size:3rem;color:#b76e79;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:fadeIn 1s}.start-subtitle{font-family:Indie Flower,cursive;font-size:1.4rem;line-height:1.6;color:#666;font-weight:400;margin-bottom:30px;animation:fadeIn 1.5s}.start-butterflies{display:flex;gap:30px;justify-content:center;margin-bottom:30px}.start-butterfly{font-size:50px;animation:bounce 1s infinite}.start-butterfly:nth-child(2){animation-delay:.2s}.start-butterfly:nth-child(3){animation-delay:.4s}.demo-note{background:#ffffffe6;padding:15px;border-radius:15px;margin-top:20px;font-size:14px;color:#b76e79;border:2px solid rgba(183,110,121,.2)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#ffe5ec,#e6e6fa);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10001;transition:opacity .5s}.butterfly-loader{display:flex;gap:20px;margin-bottom:40px}.butterfly-loader .butterfly{font-size:40px;animation:bounce 1s infinite}.fade-in-text{font-family:Dancing Script,cursive;font-size:2.5rem;color:#b76e79;text-align:center;padding:0 20px;animation:fadeIn 2s;text-shadow:2px 2px 4px rgba(0,0,0,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.song-reason{margin-top:30px;padding:0 20px;min-height:60px;display:flex;align-items:center;justify-content:center}.song-subtitle{font-family:Indie Flower,cursive;font-size:1.3rem;color:#b76e79;text-align:center;line-height:1.6;opacity:1;letter-spacing:normal;word-spacing:normal}.enter-btn{margin-top:30px;padding:15px 40px;font-size:1.2rem;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#b76e79,#ffb6c1);color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 20px #b76e7966;transition:all .3s;opacity:1}.enter-btn:hover{transform:translateY(-5px);box-shadow:0 12px 30px #b76e7999}.main-content{opacity:1;pointer-events:all;transition:opacity 1s}.memory-section{min-height:100vh;padding:80px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.section-title{font-family:Dancing Script,cursive;font-size:3rem;color:#b76e79;text-align:center;margin-bottom:60px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.timeline{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:1200px}.memory-card{width:300px;height:auto;min-height:400px;perspective:1000px;cursor:pointer;margin-bottom:30px}.card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.memory-card:hover .card-inner,.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #0003}.card-front{background:linear-gradient(135deg,#ffffffe6,#ffb6c14d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-back{background:linear-gradient(135deg,#b76e79e6,#ffb6c1e6);color:#fff;transform:rotateY(180deg)}.icon{font-size:60px;margin-bottom:20px}.card-front h3{font-family:Dancing Script,cursive;font-size:1.8rem;color:#b76e79;margin-bottom:10px;text-align:center}.card-front p{font-size:1rem;color:#666}.card-back p{font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.9;letter-spacing:.3px;color:#fff;font-weight:400;text-align:center}.split-memory{display:flex;gap:40px;max-width:1000px;width:100%;flex-wrap:wrap}.memory-half{flex:1;min-width:300px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;transition:all .3s}.memory-half h3{font-family:Dancing Script,cursive;font-size:2rem;color:#b76e79;margin-bottom:20px}.memory-half p{line-height:1.8;color:#333}.special-moment,.whatsapp-moment,.practical-files{max-width:800px;width:100%;margin:40px 0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;transition:all .3s}.special-moment h3,.practical-files h3{font-family:Dancing Script,cursive;font-size:2rem;color:#b76e79;margin-bottom:20px;text-align:center}.special-moment p,.practical-files p{font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.9;letter-spacing:.3px;color:#2c3e50;font-weight:400;margin-bottom:15px}.chat-bubble{background:#dcf8c6;border-radius:20px;padding:20px;position:relative;box-shadow:0 5px 15px #0000001a}.typing-indicator{display:flex;gap:5px;margin-bottom:15px}.typing-indicator span{width:8px;height:8px;background:#999;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.dhak-dhak{font-size:1.5rem;color:#b76e79;font-weight:700;margin-bottom:15px;animation:heartbeat 1s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chat-bubble p{line-height:1.8;color:#333;margin-bottom:10px}.checkmarks{text-align:right;color:#4fc3f7;font-size:1.2rem}.bench-section{background:#fff0f580}.classroom{max-width:600px;margin:0 auto 40px;padding:40px;background:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #0000001a}.bench-arrangement{display:flex;flex-direction:column;gap:20px}.bench{height:60px;background:#8b4513;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:20px;transition:all .3s}.bench.special{background:linear-gradient(135deg,#b76e79,#ffb6c1);animation:glow 2s infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #b76e7980}50%{box-shadow:0 0 20px #b76e79cc}}.student{font-size:30px}.bench-story{max-width:800px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px}.bench-story p{font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.9;letter-spacing:.3px;color:#2c3e50;font-weight:400}.quote-reveal{max-width:700px}.notebook{background:#fff8dc;border-radius:10px;padding:40px;box-shadow:0 10px 30px #0003;border-left:3px solid #FF6B6B;position:relative}.notebook:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:#ffb6c1}.handwritten{font-family:Indie Flower,cursive;font-size:1.8rem;color:#b76e79;margin-bottom:20px;padding-left:20px}.quote-note{font-size:1rem;line-height:1.8;color:#555;padding-left:20px}.mystery-section{background:#e6e6fa4d}.vinyl-player{position:relative;margin-bottom:60px}.vinyl-record{width:200px;height:200px;background:radial-gradient(circle,#1a1a1a,#000 70%);border-radius:50%;position:relative;margin:0 auto;box-shadow:0 10px 30px #0000004d}.vinyl-record.spinning{animation:spin 4s linear infinite}.vinyl-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#b76e79;border-radius:50%}.musical-notes{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;animation:notes-float 3s infinite}@keyframes notes-float{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-70%) scale(1.2);opacity:.7}}.mystery-text{max-width:800px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a}.mystery-text p{line-height:1.8;color:#333;margin-bottom:20px}.mystery-text p:first-child{font-family:Dancing Script,cursive;font-size:1.8rem;color:#b76e79;text-align:center}.mystery-story{font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.9;letter-spacing:.3px;color:#2c3e50;font-weight:400}.snap-memory{font-style:italic;color:#b76e79;font-weight:600}.whatsapp-snippet{max-width:400px;margin:30px auto;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0003}.whatsapp-header{background:#075e54;color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px}.wa-back{font-size:24px;cursor:pointer}.wa-profile{display:flex;align-items:center;gap:12px;flex:1}.wa-avatar{width:40px;height:40px;border-radius:50%;background:#b76e79;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;overflow:hidden}.wa-dp{width:100%;height:100%;object-fit:cover;border-radius:50%}.wa-name{font-size:16px;font-weight:500}.wa-icons{font-size:20px;cursor:pointer}.whatsapp-chat{background:#ece5dd;padding:20px;min-height:200px;display:flex;flex-direction:column;gap:12px}.wa-message{display:flex;margin:8px 0}.wa-message.sent{justify-content:flex-end}.wa-message.received{justify-content:flex-start}.wa-bubble{max-width:70%;padding:8px 12px;border-radius:8px;position:relative;box-shadow:0 1px 2px #0000001a}.sent-bubble{background:#dcf8c6;border-radius:8px 8px 0}.received-bubble{background:#fff;border-radius:8px 8px 8px 0}.wa-bubble p{margin:0 0 4px;font-size:16px;color:#000;line-height:1.4}.wa-time{font-size:11px;color:#667781;display:block;text-align:right;margin-top:4px}.heart-section{background:linear-gradient(135deg,#ffb6c14d,#e6e6fa4d);padding:100px 20px}.portrait-frame{width:250px;height:250px;margin:0 auto 60px;position:relative}.frame-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:linear-gradient(45deg,#b76e79,#ffb6c1,#e6e6fa);border-radius:50%;animation:rotate-glow 3s linear infinite;filter:blur(20px)}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portrait-placeholder{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#ffffffe6,#ffb6c180);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Dancing Script,cursive;font-size:2rem;color:#b76e79;box-shadow:0 10px 40px #0003;overflow:hidden}.portrait-letter{font-size:4rem;font-weight:700;color:#b76e79}.heartfelt-message{max-width:900px;margin:0 auto}.heartfelt-message h2{font-family:Dancing Script,cursive;font-size:3rem;color:#b76e79;text-align:center;margin-bottom:40px}.typing-text{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px;box-shadow:0 10px 30px #0000001a}.typing-text p{font-size:1.2rem;line-height:2;color:#333;margin-bottom:25px}.celebration-section{min-height:100vh;padding:100px 20px;background:linear-gradient(135deg,#fff0f580,#e6e6fa4d);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.cake-container{position:relative;margin-bottom:60px}.birthday-cake{width:200px;height:250px;position:relative;margin:0 auto;cursor:pointer;transition:transform .3s}.layer-1{height:80px;background:linear-gradient(135deg,#ff69b4,#ffb6c1);box-shadow:0 5px 20px #ff69b466}.layer-2{height:60px;background:linear-gradient(135deg,#ffb6c1,pink);bottom:80px;width:90%;left:5%;box-shadow:0 5px 15px #ffb6c166}.layer-3{height:50px;background:linear-gradient(135deg,pink,#ffe5ec);bottom:140px;width:80%;left:10%;box-shadow:0 5px 10px #ffc0cb66}.candle{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:10px;height:60px;background:linear-gradient(135deg,#ffe5ec,pink);border-radius:5px;cursor:pointer;transition:all .3s}.candle:hover{transform:translate(-50%) scale(1.1)}.flame{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:20px;height:30px;background:radial-gradient(circle,gold,tomato);border-radius:50%/60% 60% 40% 40%;animation:flicker 1s infinite;transition:opacity .3s}.blow-instruction{text-align:center;margin-top:30px;font-family:Indie Flower,cursive;font-size:1.2rem;color:#b76e79;animation:pulse 2s infinite}.celebration-message{text-align:center;max-width:600px}.celebration-message p{font-size:1.2rem;line-height:1.8;color:#333;margin-bottom:20px}.final-message{min-height:100vh;padding:100px 20px;background:linear-gradient(135deg,#fff0f54d,#e6e6fa80);display:flex;flex-direction:column;align-items:center;justify-content:center}.letter{max-width:800px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px;box-shadow:0 15px 40px #00000026;position:relative}.letter:before{content:"";position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:2px solid rgba(183,110,121,.2);border-radius:15px;pointer-events:none}.letter-content{position:relative;z-index:1}.letter-content .greeting{font-family:Dancing Script,cursive;font-size:2rem;color:#b76e79;margin-bottom:30px}.letter-content p{font-size:1.15rem;line-height:2;color:#333;margin-bottom:20px}.letter-content .highlight{color:#b76e79;font-weight:600;font-size:1.3rem;text-align:center;margin:30px 0}.letter-content .birthday-wish{font-family:Dancing Script,cursive;font-size:2rem;color:#b76e79;text-align:center;margin:40px 0 20px}.letter-content .ps{font-style:italic;color:#666;font-size:1rem;margin-top:40px;padding-top:20px;border-top:1px solid rgba(183,110,121,.2)}.navigation{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:50px;box-shadow:0 10px 30px #0000001a;z-index:1000}.nav-btn{padding:10px 20px;background:linear-gradient(135deg,#b76e79,#ffb6c1);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #b76e794d}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.section-indicators{display:flex;gap:8px}.indicator{width:12px;height:12px;border-radius:50%;border:2px solid #B76E79;background:transparent;cursor:pointer;transition:all .3s}.indicator.active{background:#b76e79}.indicator:hover{transform:scale(1.2)}.footer{background:linear-gradient(135deg,#b76e791a,#e6e6fa1a);padding:60px 20px;text-align:center}.footer-quote{font-family:Indie Flower,cursive;font-size:1.5rem;color:#b76e79;margin-bottom:20px;font-weight:600}.footer-wish{font-family:Dancing Script,cursive;font-size:2rem;color:#b76e79;margin-bottom:20px}.easter-egg-hint{font-size:.9rem;color:#999;font-style:italic;margin-bottom:20px}.template-info{background:#fffc;padding:20px;border-radius:15px;margin-top:20px;border:2px solid rgba(183,110,121,.2)}.template-info p{margin:5px 0;font-size:14px;color:#b76e79}.placeholder-note{background:#ffffffe6;border:2px solid rgba(183,110,121,.3);border-radius:10px;padding:15px;margin-top:20px;font-size:14px;color:#b76e79;font-style:italic;text-align:center}.section-placeholder-note{background:#fffffff2;border:2px solid rgba(183,110,121,.4);border-radius:15px;padding:20px;margin-top:40px;font-size:16px;color:#b76e79;text-align:center;box-shadow:0 5px 15px #b76e791a}@media (max-width: 768px){.start-title{font-size:2rem}.start-subtitle{font-size:1.1rem;line-height:1.5}.section-title{font-size:2rem}.timeline{display:grid;grid-template-columns:1fr;gap:20px;width:100%;max-width:100%;padding:0 10px}.memory-card{width:100%;max-width:100%;min-height:280px;margin-bottom:0}.memory-card .card-inner{transform:none!important}.memory-card.flipped .card-front{display:none}.memory-card.flipped .card-back{transform:none;position:relative;height:auto;min-height:240px;padding:25px}.card-back{transform:none!important}.card-back p{transform:none!important;font-size:.95rem;line-height:1.7}.split-memory{flex-direction:column;gap:20px}.portrait-frame{width:200px;height:200px}.typing-text{padding:25px}.typing-text p{font-size:.95rem;line-height:1.8}.letter{padding:30px}.letter-content p{font-size:.95rem}.purchase-button{bottom:80px;right:10px;left:10px;max-width:none}.navigation{bottom:10px;left:10px;right:10px;transform:none;padding:10px 15px}.nav-btn{padding:8px 15px;font-size:12px}}.music-upload{width:100%;position:relative}.upload-zone{border:2px dashed #FFB6C1;border-radius:16px;padding:32px 20px;text-align:center;background:#fff5f7;cursor:pointer;transition:all .3s ease;min-height:44px}.upload-zone:hover{border-color:#ff69b4;background:#ffe5ec;transform:translateY(-2px)}.upload-zone.drag-active{border-color:#ff69b4;background:#ffe5ec;transform:scale(1.02)}.upload-icon{font-size:48px;margin-bottom:12px}.upload-text{font-size:16px;color:#4a4a4a;margin-bottom:8px}.upload-text strong{color:#ff69b4;font-weight:600}.upload-hint{font-size:14px;color:#8b8b8b}.upload-preview{border:2px solid #FFE5EC;border-radius:16px;padding:20px;background:#fff}.preview-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.preview-icon{font-size:32px;flex-shrink:0}.preview-info{flex:1;min-width:0}.preview-name{font-size:14px;font-weight:600;color:#4a4a4a;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-size{font-size:12px;color:#8b8b8b}.remove-button{width:32px;height:32px;border-radius:50%;border:none;background:#ffe5ec;color:#ff69b4;font-size:18px;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.remove-button:hover{background:#ff69b4;color:#fff;transform:scale(1.1)}.audio-player{width:100%;height:40px;border-radius:8px}.upload-error{margin-top:12px;padding:12px 16px;background:#fff3e0;border:1px solid #FFB74D;border-radius:8px;color:#e65100;font-size:14px;display:flex;align-items:center;gap:8px}.upload-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid #FFE5EC;border-top:3px solid #FF69B4;border-radius:50%;animation:spin 1s linear infinite}.upload-loading p{font-size:14px;color:#8b8b8b}@media (max-width: 768px){.upload-zone{padding:24px 16px}.upload-icon{font-size:40px}.upload-text{font-size:14px}.upload-hint{font-size:12px}.preview-header{gap:10px}.preview-icon{font-size:28px}}.upload-zone:focus{outline:3px solid #FF69B4;outline-offset:2px}.remove-button:focus{outline:2px solid #FF69B4;outline-offset:2px}.customization-form{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000014}.form-header{margin-bottom:32px}.form-header h2{font-size:clamp(1.5rem,3vw,2rem);color:#4a4a4a;margin-bottom:8px}.form-subtitle{font-size:16px;color:#8b8b8b}.form-group{margin-bottom:24px}.form-label{display:block;font-size:16px;font-weight:600;color:#4a4a4a;margin-bottom:8px}.required{color:#ff69b4}.optional{font-weight:400;color:#8b8b8b;font-size:14px}.form-hint{font-size:14px;color:#8b8b8b;margin-bottom:12px}.form-input,.form-textarea{width:100%;min-height:44px;font-size:16px;padding:12px 16px;border-radius:12px;border:2px solid #FFE5EC;background:#fff;color:#4a4a4a;font-family:inherit;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b41a}.form-input.error,.form-textarea.error{border-color:#f44336}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.char-counter{font-size:14px;color:#8b8b8b;text-align:right;margin-top:4px}.char-counter.warning{color:#ff9800;font-weight:600}.char-counter.error{color:#f44336;font-weight:600}.form-error{color:#f44336;font-size:14px;margin-top:6px;display:flex;align-items:center;gap:4px}.form-error:before{content:"⚠️"}.color-picker-wrapper{display:flex;align-items:center;gap:16px;padding:12px;background:#fff5f7;border-radius:12px}.color-picker{width:60px;height:60px;border:3px solid white;border-radius:12px;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.color-picker:hover{transform:scale(1.05)}.color-value{font-size:16px;font-weight:600;color:#4a4a4a;font-family:Courier New,monospace}.submit-button{width:100%;min-height:52px;padding:14px 32px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff69b4,#ffb6c1);border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 24px #ff69b466;transition:all .3s ease;margin-top:32px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff69b480}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.form-footer{text-align:center;font-size:14px;color:#8b8b8b;margin-top:16px}@media (max-width: 768px){.customization-form{padding:24px 20px}.form-header{margin-bottom:24px}.form-group{margin-bottom:20px}.form-label{font-size:15px}.form-input,.form-textarea{font-size:16px}.submit-button{font-size:16px;min-height:48px}.color-picker{width:50px;height:50px}.color-value{font-size:14px}}.form-input:focus-visible,.form-textarea:focus-visible,.color-picker:focus-visible{outline:3px solid #FF69B4;outline-offset:2px}.form-input.error,.form-textarea.error{animation:shake .3s ease}.customize-page{min-height:100vh;background:linear-gradient(135deg,#fff5f7,#ffe5ec);padding:80px 20px 60px}.customize-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.customize-loading p{color:#8b8b8b;font-size:18px}.customize-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.customize-error h2{font-size:28px;color:#4a4a4a;margin-bottom:12px}.customize-error p{font-size:16px;color:#8b8b8b;margin-bottom:24px}.back-button{padding:12px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff69b4,#ffb6c1);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;min-height:44px}.back-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff69b466}.customize-page{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1400px;margin:0 auto}.preview-section{position:sticky;top:100px;height:fit-content}.preview-header{margin-bottom:20px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:#ff69b4;background:none;border:none;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:all .3s ease;font-weight:600}.back-link:hover{gap:12px;color:#ff1493}.template-info{display:flex;align-items:center;justify-content:space-between;gap:16px}.template-info h3{font-size:24px;color:#4a4a4a;margin:0}.template-tier{padding:6px 16px;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-radius:20px;font-weight:700;font-size:16px}.preview-container{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000014}.preview-wrapper{position:relative;width:100%;padding-top:56.25%;background:linear-gradient(135deg,#ffe5ec,#fff5f7);border-radius:12px;overflow:hidden}.preview-wrapper>div{position:absolute;top:0;left:0;width:100%;height:100%}.preview-hint{text-align:center;font-size:14px;color:#8b8b8b;margin-top:12px}@media (max-width: 1024px){.customize-page{grid-template-columns:1fr;gap:24px;padding:60px 16px 40px}.preview-section{position:relative;top:0}.template-info{flex-direction:column;align-items:flex-start;gap:12px}.template-info h3{font-size:20px}.template-tier{font-size:14px;padding:4px 12px}}@media (max-width: 768px){.preview-container{padding:16px}.back-link{font-size:14px}.template-info h3{font-size:18px}}.back-link:focus,.back-button:focus{outline:3px solid #FF69B4;outline-offset:2px}html{scroll-behavior:smooth}.preview-wrapper canvas{pointer-events:none}.preview-page{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#000}.preview-template{position:absolute;top:0;left:0;width:100%;height:100%}.preview-topbar{position:fixed;top:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 100%)}.back-button-preview{padding:10px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:25px;font-size:16px;font-weight:600;color:#ff69b4;cursor:pointer;transition:all .3s ease;min-height:44px}.back-button-preview:hover{background:#fff;transform:translate(-4px)}.template-badge{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px}.badge-emoji{font-size:24px}.badge-name{font-size:16px;font-weight:600;color:#4a4a4a}.badge-tier{padding:4px 12px;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-radius:15px;font-size:14px;font-weight:700}.pay-button{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:100;min-height:56px;padding:16px 48px;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff69b4,#ffb6c1);border:none;border-radius:50px;cursor:pointer;box-shadow:0 8px 32px #ff69b480;transition:all .3s ease}.pay-button:hover{box-shadow:0 12px 40px #ff69b499}.preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;background:linear-gradient(135deg,#fff5f7,#ffe5ec)}.preview-loading p{color:#8b8b8b;font-size:18px}.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:40px 20px;background:linear-gradient(135deg,#fff5f7,#ffe5ec)}.error-emoji{font-size:80px;margin-bottom:20px;display:block}.preview-error h2{font-size:28px;color:#4a4a4a;margin-bottom:12px}.preview-error p{font-size:16px;color:#8b8b8b;margin-bottom:24px}.error-button{padding:12px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff69b4,#ffb6c1);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;min-height:44px}.error-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff69b466}.paying-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:200}.paying-content{display:flex;flex-direction:column;align-items:center;gap:20px}.paying-content p{color:#fff;font-size:18px;font-weight:600}.error-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff3e0;border:2px solid #FFB74D;border-radius:16px;box-shadow:0 8px 24px #0003;max-width:90%}.error-toast span{font-size:20px}.error-toast p{color:#e65100;font-size:14px;font-weight:600;margin:0}.error-toast button{background:none;border:none;color:#e65100;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.preview-topbar{padding:16px}.back-button-preview{padding:8px 16px;font-size:14px}.template-badge{gap:8px;padding:8px 16px}.badge-emoji{font-size:20px}.badge-name{font-size:14px}.badge-tier{font-size:12px;padding:3px 10px}.pay-button{bottom:20px;left:20px;right:20px;transform:none;width:calc(100% - 40px);font-size:18px;padding:14px 32px}.error-toast{bottom:80px;left:20px;right:20px;transform:none;max-width:none}}.back-button-preview:focus,.pay-button:focus,.error-button:focus{outline:3px solid #FF69B4;outline-offset:2px}.preview-template canvas{pointer-events:none}.pricing-page{min-height:100vh;padding:4rem 2rem;background:linear-gradient(180deg,#fff0f5,#fff5f0)}.pricing-container{max-width:1200px;margin:0 auto;text-align:center}.pricing-container h1{font-size:3.5rem;font-weight:800;color:#ff69b4;margin-bottom:.5rem;letter-spacing:-.02em}.pricing-subtitle{font-size:1.4rem;color:#666;margin-bottom:4rem}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.tier-card{position:relative;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2rem;border-radius:32px;box-shadow:0 8px 32px #ffb6c14d;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.tier-card.featured{transform:scale(1.05);border:3px solid #FF69B4;box-shadow:0 12px 48px #ff69b466}.tier-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.85rem;font-weight:700;letter-spacing:.05em;box-shadow:0 4px 12px #0003}.tier-emoji{font-size:4rem;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}.tier-name{font-size:1.8rem;font-weight:700;color:#ff69b4;margin-bottom:1rem}.tier-price{display:flex;align-items:flex-start;justify-content:center;margin-bottom:1rem}.currency{font-size:1.8rem;font-weight:600;color:#ff69b4;margin-top:.5rem}.amount{font-size:4rem;font-weight:800;color:#ff69b4;letter-spacing:-.02em}.tier-description{font-size:1.1rem;color:#666;margin-bottom:2rem;font-weight:500}.tier-features{list-style:none;padding:0;margin:2rem 0;text-align:left}.tier-features li{font-size:1rem;color:#666;padding:.8rem 0;border-bottom:1px solid #FFE5EC;font-weight:500}.tier-features li:last-child{border-bottom:none}.tier-vibe{font-size:1rem;color:#ff69b4;font-style:italic;margin:2rem 0 1.5rem;padding:1rem;background:#fff0f5;border-radius:16px;font-weight:600}.tier-cta{width:100%;padding:1.2rem 2rem;font-size:1.2rem;font-weight:700;font-family:Poppins,Quicksand,sans-serif;color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 16px #ff69b44d;transition:all .3s ease;letter-spacing:.02em}.pricing-note{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:24px;margin-bottom:3rem;box-shadow:0 4px 24px #ffb6c133}.pricing-note p{font-size:1.1rem;color:#666;margin:.5rem 0}.pricing-note strong{color:#ff69b4;font-weight:700}.custom-section{background:#fff9;padding:2rem;border-radius:20px}.custom-section h3{font-size:1.5rem;font-weight:700;color:#ff69b4;margin-bottom:.5rem}.custom-section p{font-size:1rem;color:#666;margin-bottom:1rem}.instagram-link{display:inline-block;padding:.8rem 2rem;background:linear-gradient(135deg,#e1306c,#f56040);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease}.instagram-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e1306c66}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.pricing-page{padding:2rem 1rem}.pricing-container h1{font-size:2.5rem}.tiers-grid{grid-template-columns:1fr}.tier-card.featured{transform:scale(1)}.amount{font-size:3rem}}.contact-page{min-height:100vh;padding:4rem 2rem;background:linear-gradient(180deg,#fff0f5,#fff5f0)}.contact-container{max-width:1000px;margin:0 auto}.contact-container h1{font-size:2.5rem;font-weight:700;color:#ff69b4;text-align:center;margin-bottom:.5rem}.contact-subtitle{font-size:1.2rem;color:#ffb6c1;text-align:center;margin-bottom:3rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.contact-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem 2rem;border-radius:24px;text-align:center;box-shadow:0 4px 24px #ffb6c133;transition:all .3s ease}.contact-card:hover{transform:translateY(-8px);box-shadow:0 8px 32px #ffb6c14d}.contact-card.featured{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff}.contact-icon{font-size:3rem;margin-bottom:1rem}.contact-card h3{font-size:1.5rem;font-weight:700;color:#ff69b4;margin-bottom:.5rem}.contact-card.featured h3{color:#fff}.contact-card p{font-size:1rem;color:#ffb6c1;margin-bottom:1rem}.contact-card.featured p{color:#ffffffe6}.contact-card a{display:inline-block;padding:.8rem 1.5rem;background:#ff69b4;color:#fff;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease}.contact-card.featured a{background:#fff;color:#ff69b4}.contact-card a:hover{transform:scale(1.05)}.faq-section{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2rem;border-radius:24px;box-shadow:0 4px 24px #ffb6c133}.faq-section h2{font-size:2rem;font-weight:700;color:#ff69b4;text-align:center;margin-bottom:2rem}.faq-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #FFE5EC}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h4{font-size:1.2rem;font-weight:700;color:#ff69b4;margin-bottom:.5rem}.faq-item p{font-size:1rem;color:#666;line-height:1.6}@media (max-width: 768px){.contact-page{padding:2rem 1rem}.contact-container h1{font-size:2rem}.contact-grid{grid-template-columns:1fr}}.success-page{min-height:100vh;padding:4rem 2rem;background:linear-gradient(180deg,#fff0f5,#fff5f0);display:flex;align-items:center;justify-content:center}.success-container{max-width:600px;text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2rem;border-radius:32px;box-shadow:0 8px 32px #ffb6c14d}.success-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 1s ease-in-out infinite}.success-container h1{font-size:2.5rem;font-weight:700;color:#ff69b4;margin-bottom:1rem}.success-message{font-size:1.2rem;color:#ffb6c1;margin-bottom:3rem}.success-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.detail-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff0f5;border-radius:16px;text-align:left}.detail-item .icon{font-size:2rem}.detail-item h3{font-size:1.1rem;font-weight:700;color:#ff69b4;margin-bottom:.25rem}.detail-item p{font-size:.95rem;color:#666}.success-actions{display:flex;flex-direction:column;gap:1rem}.btn-primary,.btn-instagram{padding:1rem 2rem;font-size:1.1rem;font-weight:600;font-family:Quicksand,sans-serif;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff69b466}.btn-instagram{background:linear-gradient(135deg,#e1306c,#f56040);color:#fff;box-shadow:0 4px 16px #e1306c4d}.btn-instagram:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e1306c66}@media (max-width: 768px){.success-container{padding:2rem 1.5rem}.success-container h1{font-size:2rem}.detail-item{flex-direction:column;text-align:center}}.thank-you-page{min-height:100vh;padding:4rem 2rem;background:linear-gradient(180deg,#ffe5ec,#fff0f5,#fff5f0);display:flex;align-items:center;justify-content:center}.thank-you-container{max-width:700px;width:100%}.success-animation{text-align:center;margin-bottom:2rem}.success-icon{font-size:6rem;animation:bounce 1s ease-in-out infinite}.thank-you-page h1{font-size:3rem;font-weight:800;color:#ff69b4;text-align:center;margin-bottom:1rem;letter-spacing:-.02em}.thank-you-message{font-size:1.4rem;color:#666;text-align:center;margin-bottom:3rem;font-weight:500}.invoice-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:24px;box-shadow:0 8px 32px #ffb6c14d;margin-bottom:2rem}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #FFE5EC}.invoice-header h2{font-size:1.8rem;font-weight:700;color:#ff69b4;margin:0}.order-id{font-size:1rem;font-weight:600;color:#666;background:#fff0f5;padding:.5rem 1rem;border-radius:12px}.invoice-details{margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #FFE5EC}.detail-row:last-child{border-bottom:none}.label{font-size:1rem;color:#999;font-weight:500}.value{font-size:1rem;color:#333;font-weight:600;text-align:right}.value.price{font-size:1.5rem;color:#ff69b4;font-weight:800}.value.status{color:#4caf50}.delivery-info{display:flex;align-items:center;gap:1rem;background:#fff0f5;padding:1.5rem;border-radius:16px}.info-icon{font-size:2.5rem}.delivery-info h3{font-size:1.1rem;font-weight:700;color:#ff69b4;margin:0 0 .25rem}.delivery-info p{font-size:.95rem;color:#666;margin:0}.next-steps{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:24px;margin-bottom:2rem;box-shadow:0 4px 24px #ffb6c133}.next-steps h3{font-size:1.5rem;font-weight:700;color:#ff69b4;text-align:center;margin-bottom:1.5rem}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.step-item{text-align:center}.step-number{width:50px;height:50px;line-height:50px;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 4px 12px #ff69b44d}.step-item p{font-size:.95rem;color:#666;line-height:1.5}.instagram-cta-box{background:linear-gradient(135deg,#e1306c,#f56040);padding:2.5rem;border-radius:24px;text-align:center;margin-bottom:2rem;box-shadow:0 8px 32px #e1306c66}.instagram-cta-box h3{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem}.instagram-cta-box p{font-size:1.1rem;color:#ffffffe6;margin-bottom:1.5rem}.instagram-button-large{display:inline-flex;align-items:center;gap:.75rem;padding:1.2rem 3rem;background:#fff;color:#e1306c;text-decoration:none;border-radius:50px;font-size:1.3rem;font-weight:700;box-shadow:0 4px 16px #0003;transition:all .3s ease;margin-bottom:1rem}.instagram-button-large:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.ig-icon{font-size:1.8rem}.copy-message-btn{display:inline-block;padding:.8rem 2rem;background:#fff3;color:#fff;border:2px solid white;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,Quicksand,sans-serif}.copy-message-btn:hover{background:#fff;color:#e1306c}.support-note{text-align:center;padding:2rem;background:#ffffff80;border-radius:20px}.support-note p{font-size:1rem;color:#666;margin:.5rem 0}.support-links a{color:#ff69b4;text-decoration:none;font-weight:600;transition:all .3s ease}.support-links a:hover{color:#e1306c;text-decoration:underline}.loading,.error{text-align:center;font-size:1.5rem;color:#ff69b4;padding:4rem}@media (max-width: 768px){.thank-you-page{padding:2rem 1rem}.thank-you-page h1{font-size:2.2rem}.invoice-card{padding:2rem 1.5rem}.invoice-header{flex-direction:column;gap:1rem;text-align:center}.steps-grid{grid-template-columns:1fr;gap:1rem}.instagram-cta-box{padding:2rem 1.5rem}.instagram-button-large{width:100%;justify-content:center}}.policy-page{min-height:100vh;padding:4rem 2rem;background:linear-gradient(180deg,#fff0f5,#fff5f0)}.policy-container{max-width:800px;margin:0 auto;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:24px;box-shadow:0 4px 24px #ffb6c133}.policy-container h1{font-size:2.5rem;font-weight:700;color:#ff69b4;margin-bottom:.5rem}.last-updated{font-size:.9rem;color:#ffb6c1;margin-bottom:2rem;font-style:italic}.policy-container section{margin-bottom:2.5rem}.policy-container h2{font-size:1.5rem;font-weight:700;color:#ff69b4;margin-bottom:1rem}.policy-container p{font-size:1rem;color:#666;line-height:1.8;margin-bottom:1rem}.policy-container ul,.policy-container ol{margin-left:1.5rem;margin-bottom:1rem}.policy-container li{font-size:1rem;color:#666;line-height:1.8;margin-bottom:.5rem}.policy-container a{color:#ff69b4;text-decoration:none;font-weight:600;transition:all .3s ease}.policy-container a:hover{color:#e1306c;text-decoration:underline}@media (max-width: 768px){.policy-page{padding:2rem 1rem}.policy-container{padding:2rem 1.5rem}.policy-container h1{font-size:2rem}.policy-container h2{font-size:1.3rem}}.ai-builder{min-height:100vh;background:linear-gradient(135deg,#ffe5ec,#fff0f5,#fff5f0);padding:2rem 0}.ai-builder-header{text-align:center;margin-bottom:3rem}.ai-builder-header h1{font-size:clamp(2rem,5vw,3rem);color:#ff69b4;margin-bottom:1rem;font-weight:700}.ai-builder-header p{font-size:1.2rem;color:#666;margin-bottom:2rem}.progress-bar{position:relative;max-width:400px;margin:0 auto;padding:1rem 0}.progress-steps{display:flex;justify-content:space-between;position:relative;z-index:2}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-number{width:40px;height:40px;border-radius:50%;background:#e5e5e5;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.step.active .step-number{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff}.step-label{font-size:.9rem;color:#666;font-weight:500}.step.active .step-label{color:#ff69b4;font-weight:600}.progress-fill{position:absolute;top:50%;left:0;height:3px;background:linear-gradient(90deg,#ff69b4,#ffb6c1);border-radius:2px;transition:width .5s ease;z-index:1;transform:translateY(-50%)}.ai-step{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 8px 32px #ffb6c133;margin-bottom:2rem}.step-header{text-align:center;margin-bottom:2rem}.step-header h2{font-size:1.8rem;color:#333;margin-bottom:.5rem}.step-header p{color:#666;font-size:1.1rem}.form-grid{display:flex;flex-direction:column;gap:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #FFE5EC;border-radius:12px;font-size:16px;transition:border-color .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b41a}.form-group textarea{resize:vertical;min-height:100px}.template-type-grid{display:flex;flex-direction:column;gap:1rem}.template-type-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid #FFE5EC;border-radius:16px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left}.template-type-btn:hover{border-color:#ffb6c1;transform:translateY(-2px)}.template-type-btn.selected{border-color:#ff69b4;background:linear-gradient(135deg,#ff69b41a,#ffb6c11a)}.template-type-btn .preview{font-size:2.5rem;min-width:60px;text-align:center}.type-info{display:flex;flex-direction:column;gap:.25rem}.type-info .name{font-weight:700;font-size:1.1rem;color:#333}.type-info .description{font-size:.9rem;color:#666}.type-info .example{font-size:.8rem;color:#999;font-style:italic}.color-scheme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.color-scheme-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border:2px solid #FFE5EC;border-radius:16px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.color-scheme-btn:hover{border-color:#ffb6c1;transform:translateY(-2px)}.color-scheme-btn.selected{border-color:#ff69b4;background:linear-gradient(135deg,#ff69b41a,#ffb6c11a)}.color-preview{display:flex;gap:4px}.color-preview .color-dot{width:20px;height:20px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.scheme-name{font-weight:600;font-size:.9rem;color:#333}.scheme-emoji{font-size:1.5rem}.story-fields{background:#ffb6c10d;border-radius:16px;padding:1.5rem;border:2px dashed #FFB6C1;margin-top:1rem}.story-fields .form-group{margin-bottom:1rem}.story-fields .form-group:last-child{margin-bottom:0}.music-options{display:flex;flex-direction:column;gap:1rem}.music-toggle{margin-bottom:1rem}.music-upload-section{background:#ffb6c10d;border-radius:16px;padding:1.5rem;border:2px dashed #FFB6C1}.upload-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.upload-btn{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid #FFE5EC;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.upload-btn:hover{border-color:#ff69b4;background:#ff69b40d}.upload-icon{font-size:2rem}.upload-text{display:flex;flex-direction:column;gap:.25rem;text-align:left}.upload-title{font-weight:600;color:#333}.upload-subtitle{font-size:.9rem;color:#666}.upload-divider{text-align:center;position:relative;margin:1rem 0}.upload-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffe5ec}.upload-divider span{background:#fff;padding:0 1rem;color:#999;font-size:.9rem}.ai-music-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ff69b40d;border-radius:12px;border:2px solid rgba(255,105,180,.2)}.ai-icon{font-size:2rem}.ai-text{display:flex;flex-direction:column;gap:.25rem}.ai-title{font-weight:600;color:#ff69b4}.ai-subtitle{font-size:.9rem;color:#666}.uploaded-music{background:#fff;border-radius:12px;padding:1rem;border:2px solid #E8F5E8}.music-preview{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.music-icon{font-size:1.5rem;color:#32cd32}.music-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.music-name{font-weight:600;color:#333}.music-size{font-size:.9rem;color:#666}.remove-music{background:#ff6b6b;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.music-player{width:100%;height:40px}.real-time-preview{background:#ffb6c11a;border-radius:16px;padding:1.5rem;margin-top:2rem;border:2px solid rgba(255,105,180,.2)}.real-time-preview h3{color:#ff69b4;margin-bottom:1rem;font-size:1.2rem}.preview-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 16px #0000001a}.preview-card h4{font-size:1.3rem;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.preview-card p{color:#ffffffe6;margin-bottom:.5rem}.music-indicator{background:#fff3;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;color:#fff}.occasion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.occasion-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;border:2px solid #FFE5EC;border-radius:16px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.occasion-btn:hover{border-color:#ffb6c1;transform:translateY(-2px)}.occasion-btn.selected{border-color:#ff69b4;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff}.occasion-btn .emoji{font-size:2rem}.occasion-btn .name{font-weight:600;font-size:.9rem}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.style-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;border:2px solid #FFE5EC;border-radius:16px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.style-btn:hover{border-color:#ffb6c1;transform:translateY(-2px)}.style-btn.selected{border-color:#ff69b4;background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff}.style-btn .preview{font-size:2rem}.style-btn .name{font-weight:600;font-size:.9rem}.mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.mood-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:2px solid #FFE5EC;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.mood-btn:hover{border-color:var(--mood-color, #FFB6C1);transform:translateY(-1px)}.mood-btn.selected{border-color:var(--mood-color, #FF69B4);background:linear-gradient(135deg,var(--mood-color, #FF69B4),rgba(255,255,255,.9))}.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.mood-btn .name{font-weight:600;font-size:.9rem}.feature-toggles{display:flex;flex-direction:column;gap:1rem}.toggle{display:flex;align-items:center;gap:1rem;cursor:pointer}.toggle input[type=checkbox]{display:none}.toggle-slider{width:50px;height:26px;background:#e5e5e5;border-radius:13px;position:relative;transition:background .3s ease}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#ff69b4,#ffb6c1)}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{font-weight:500;color:#333}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:2px solid #FFE5EC}.btn-primary,.btn-secondary,.btn-outline,.btn-small{padding:12px 24px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;min-height:44px}.btn-primary{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;box-shadow:0 4px 16px #ff69b44d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff69b466}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#666;border:2px solid #E5E5E5}.btn-secondary:hover{background:#e5e5e5;transform:translateY(-1px)}.btn-outline{background:transparent;color:#ff69b4;border:2px solid #FF69B4}.btn-outline:hover{background:#ff69b4;color:#fff;transform:translateY(-1px)}.btn-small{padding:8px 16px;font-size:.9rem;background:linear-gradient(135deg,#ffb6c1,pink);color:#fff}.btn-small:hover{transform:translateY(-1px)}.ai-results{display:flex;flex-direction:column;gap:2rem}.result-section{background:#fafafa;border-radius:16px;padding:1.5rem}.result-section h3{color:#ff69b4;margin-bottom:1rem;font-size:1.3rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.ai-template-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:transform .2s ease}.ai-template-card:hover{transform:translateY(-4px)}.template-preview{aspect-ratio:1;overflow:hidden}.template-preview img{width:100%;height:100%;object-fit:cover}.template-info{padding:1rem;text-align:center}.template-info h4{color:#333;margin-bottom:.5rem}.template-info p{color:#666;font-size:.9rem;margin-bottom:1rem}.message-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.message-comparison{grid-template-columns:1fr}}.message-box{background:#fff;border-radius:12px;padding:1rem;border:2px solid #FFE5EC}.message-box.enhanced{border-color:#ff69b4;background:linear-gradient(135deg,#ff69b40d,#ffb6c10d)}.message-box h4{color:#333;margin-bottom:.5rem;font-size:1rem}.message-box p{color:#666;line-height:1.6;margin-bottom:1rem}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.suggestion-card{background:#fff;border-radius:12px;padding:1rem;border:2px solid #FFE5EC;transition:border-color .2s ease}.suggestion-card:hover{border-color:#ffb6c1}.suggestion-card p{color:#666;line-height:1.6;margin-bottom:1rem}.template-preview{aspect-ratio:1;overflow:hidden;position:relative}.template-preview img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ai-template-card:hover .template-preview img{transform:scale(1.05)}.template-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;padding:1rem}.ai-template-card:hover .template-overlay{opacity:1}.template-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature{background:#ffffffe6;color:#333;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.template-actions{display:flex;gap:.5rem;margin-top:.5rem}.preview-btn{background:linear-gradient(135deg,#87ceeb,#b0e0e6);color:#fff}.story-preview{max-width:800px;margin:0 auto}.story-box{background:#ffb6c11a;border-radius:16px;padding:2rem;border:2px solid rgba(255,105,180,.2);position:relative}.story-box p{font-size:1.1rem;line-height:1.8;color:#333;margin-bottom:1rem;font-style:italic}.audio-card.uploaded{border-color:#32cd32;background:linear-gradient(135deg,#32cd320d,#fffffff2)}.audio-card.generated{border-color:#ff69b4;background:linear-gradient(135deg,#ff69b40d,#fffffff2)}.music-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.customization-summary{background:#ffb6c10d;border-radius:16px;padding:1.5rem;border:2px solid rgba(255,105,180,.1)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.summary-label{font-weight:600;color:#666}.summary-value{font-weight:500;color:#333;text-align:right}.success-content{text-align:center;max-width:800px;margin:0 auto}.success-animation{position:relative;margin-bottom:2rem}.success-icon{font-size:4rem;animation:success-bounce 2s infinite}@keyframes success-bounce{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.success-butterflies{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.success-butterflies .butterfly{position:absolute;font-size:2rem;animation:butterfly-circle 4s infinite linear}.success-butterflies .butterfly:nth-child(1){animation-delay:0s}.success-butterflies .butterfly:nth-child(2){animation-delay:1.3s}.success-butterflies .butterfly:nth-child(3){animation-delay:2.6s}@keyframes butterfly-circle{0%{transform:rotate(0) translate(80px) rotate(0)}to{transform:rotate(360deg) translate(80px) rotate(-360deg)}}.greeting-summary{background:#ffb6c11a;border-radius:20px;padding:2rem;margin-bottom:2rem;border:2px solid rgba(255,105,180,.2)}.greeting-summary h3{color:#ff69b4;margin-bottom:1rem;font-size:1.5rem}.summary-details{text-align:left;max-width:400px;margin:0 auto}.summary-details p{margin-bottom:.5rem;color:#333}.secure-link-section{background:#fff;border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a;border:2px solid rgba(255,105,180,.1)}.secure-link-section h3{color:#ff69b4;margin-bottom:1.5rem;font-size:1.3rem}.link-container{margin-bottom:2rem}.link-display{display:flex;gap:.5rem;margin-bottom:1rem}.link-input{flex:1;padding:12px 16px;border:2px solid #FFE5EC;border-radius:12px;font-size:14px;background:#fafafa;color:#333}.copy-btn{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff69b466}.pin-display{display:flex;align-items:center;justify-content:center;gap:1rem;background:#ff69b41a;padding:1rem;border-radius:12px}.pin-label{font-weight:600;color:#666}.pin-code{font-size:1.5rem;font-weight:700;color:#ff69b4;background:#fff;padding:.5rem 1rem;border-radius:8px;letter-spacing:2px}.qr-section{margin:2rem 0;padding:1.5rem;background:#ffb6c10d;border-radius:16px}.qr-section h4{color:#ff69b4;margin-bottom:1rem}.qr-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-image{width:200px;height:200px;border-radius:12px;box-shadow:0 4px 16px #0000001a}.qr-note{color:#666;font-size:.9rem}.sharing-options{margin:2rem 0}.sharing-options h4{color:#ff69b4;margin-bottom:1rem}.share-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.share-btn{background:#fff;border:2px solid #FFE5EC;padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;color:#333}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.share-btn.whatsapp:hover{border-color:#25d366;color:#25d366}.share-btn.telegram:hover{border-color:#08c;color:#08c}.share-btn.email:hover{border-color:#ff6b6b;color:#ff6b6b}.link-info{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;padding:1.5rem;background:#ffb6c10d;border-radius:12px}.info-item{display:flex;align-items:center;gap:.75rem;color:#666;font-size:.9rem}.info-icon{font-size:1.2rem}.next-steps{background:#ffb6c11a;border-radius:20px;padding:2rem;border:2px solid rgba(255,105,180,.2)}.next-steps h4{color:#ff69b4;margin-bottom:1.5rem;font-size:1.3rem}.next-options{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.next-options .btn-primary,.next-options .btn-outline,.next-options .btn-secondary{min-width:160px}@media (max-width: 768px){.success-content{padding:0 1rem}.link-display{flex-direction:column}.copy-btn{width:100%}.share-buttons{flex-direction:column}.share-btn{width:100%}.next-options{flex-direction:column}.next-options .btn-primary,.next-options .btn-outline,.next-options .btn-secondary{width:100%}.qr-image,.success-butterflies{width:150px;height:150px}.pin-display{flex-direction:column;gap:.5rem}}.loading-content{background:#fff;border-radius:24px;padding:2rem;text-align:center;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.loading-steps{display:flex;flex-direction:column;gap:.75rem;text-align:left;margin-top:1.5rem}.loading-step{color:#666;font-size:.95rem;padding:.75rem;background:#fafafa;border-radius:12px;border-left:4px solid #FF69B4;animation:fadeInLeft .5s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.audio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.audio-card{background:#fff;border-radius:12px;padding:1rem;border:2px solid #FFE5EC;text-align:center}.audio-card h4{color:#333;margin-bottom:1rem}.audio-card audio{width:100%;margin-bottom:1rem}.audio-card p{color:#666;font-size:.9rem}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-content{background:#fff;border-radius:24px;padding:2rem;text-align:center;max-width:400px;width:90%}.loading-spinner{width:60px;height:60px;border:4px solid #FFE5EC;border-top:4px solid #FF69B4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-content h3{color:#333;margin-bottom:.5rem}.loading-content p{color:#666;margin-bottom:1.5rem}.loading-steps{display:flex;flex-direction:column;gap:.5rem;text-align:left}.loading-step{color:#666;font-size:.9rem;padding:.5rem;background:#fafafa;border-radius:8px}.error-message{background:#ffe5e5;border:2px solid #FF6B6B;border-radius:12px;padding:1rem;margin-bottom:1rem;color:#d63031;text-align:center}@media (max-width: 768px){.ai-builder{padding:1rem 0}.ai-step{padding:1.5rem;margin:0 1rem 2rem}.occasion-grid,.style-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.mood-grid{grid-template-columns:1fr}.step-actions{flex-direction:column;gap:1rem}.step-actions .btn-primary,.step-actions .btn-secondary,.step-actions .btn-outline{width:100%}}.ai-story-template{min-height:100vh;position:relative;overflow-x:hidden;font-family:Poppins,sans-serif;background-attachment:fixed}.butterflies-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.butterfly{position:absolute;font-size:24px;animation:butterfly-float 15s infinite ease-in-out;opacity:.7}@keyframes butterfly-float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(100px,-100px) rotate(90deg)}50%{transform:translate(200px,50px) rotate(180deg)}75%{transform:translate(-50px,-50px) rotate(270deg)}}.music-control{position:fixed;top:20px;right:20px;width:50px;height:50px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 4px 15px #0003;transition:all .3s ease}.music-control:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000004d}.music-icon{font-size:24px;transition:all .3s ease}.music-icon.playing{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.start-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--primary-color, #FF69B4);background:linear-gradient(135deg,var(--primary-color, #FF69B4),var(--secondary-color, #FFB6C1));display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer;transition:opacity .5s ease}.start-content{text-align:center;color:#fff;padding:2rem}.start-animation{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.start-emoji{font-size:4rem;animation:bounce 1s infinite}.start-emoji:nth-child(2){animation-delay:.2s}.start-emoji:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.start-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:Dancing Script,cursive}.start-subtitle{font-size:1.2rem;opacity:.9;font-weight:300}.main-content{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.section-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;min-height:calc(100vh - 100px)}.intro-section{text-align:center;max-width:800px;width:100%;position:relative}.main-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--primary-color, #FF69B4);margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-family:Dancing Script,cursive;animation:fadeInUp 1s ease-out}.message-box{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:2px solid rgba(255,255,255,.2);animation:fadeInUp 1s ease-out .3s both}.main-message{font-size:1.3rem;line-height:1.8;color:#333;margin:0}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-emoji{position:absolute;font-size:2rem;animation:float-around 8s infinite ease-in-out;animation-delay:var(--delay, 0s)}.floating-emoji:nth-child(1){top:20%;left:10%}.floating-emoji:nth-child(2){top:30%;right:15%}.floating-emoji:nth-child(3){bottom:20%;left:20%}@keyframes float-around{0%,to{transform:translate(0) rotate(0);opacity:.7}25%{transform:translate(20px,-20px) rotate(90deg);opacity:1}50%{transform:translate(-10px,10px) rotate(180deg);opacity:.8}75%{transform:translate(15px,-15px) rotate(270deg);opacity:.9}}.story-section{max-width:900px;width:100%;text-align:center}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--primary-color, #FF69B4);margin-bottom:2rem;font-family:Dancing Script,cursive;animation:fadeInUp 1s ease-out}.story-content{animation:fadeInUp 1s ease-out .3s both}.story-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.story-text{flex:1;min-width:300px}.story-text p{font-size:1.2rem;line-height:1.8;color:#333;margin:0}.story-visual{flex:0 0 150px;display:flex;align-items:center;justify-content:center}.heart-animation{font-size:4rem;animation:heartbeat 2s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.memories-section{max-width:1000px;width:100%;text-align:center}.memories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;animation:fadeInUp 1s ease-out .3s both}.memory-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.memory-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #0003}.memory-icon{font-size:3rem;margin-bottom:1rem}.memory-card h3{font-size:1.3rem;color:var(--primary-color, #FF69B4);margin-bottom:.5rem;font-weight:600}.memory-card p{color:#666;line-height:1.6;margin:0}.celebration-section{max-width:600px;width:100%;text-align:center}.celebration-content{animation:fadeInUp 1s ease-out .3s both}.cake-container{margin-bottom:2rem}.birthday-cake{width:200px;height:250px;position:relative;margin:0 auto 1rem;cursor:pointer;transition:transform .3s ease}.birthday-cake:hover{transform:scale(1.05)}.cake-layer{width:100%;border-radius:10px;position:absolute;bottom:0}.layer-1{height:80px;background:linear-gradient(135deg,var(--primary-color, #FF69B4),var(--secondary-color, #FFB6C1));box-shadow:0 5px 20px #ff69b466}.layer-2{height:60px;background:linear-gradient(135deg,var(--secondary-color, #FFB6C1),var(--accent-color, #FFC0CB));bottom:80px;width:90%;left:5%;box-shadow:0 5px 15px #ffb6c166}.layer-3{height:50px;background:linear-gradient(135deg,var(--accent-color, #FFC0CB),rgba(255,255,255,.9));bottom:140px;width:80%;left:10%;box-shadow:0 5px 10px #ffc0cb66}.candle{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:10px;height:60px;background:linear-gradient(135deg,#ffe5ec,pink);border-radius:5px}.flame{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:20px;height:30px;background:radial-gradient(circle,gold,tomato);border-radius:50%/60% 60% 40% 40%;animation:flicker 1s infinite}@keyframes flicker{0%,to{transform:translate(-50%) scale(1) translateY(0)}50%{transform:translate(-50%) scale(1.1) translateY(-3px)}}.cake-instruction{font-size:1.1rem;color:var(--primary-color, #FF69B4);font-weight:500;animation:pulse 2s infinite}.celebration-message{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a}.celebration-message p{font-size:1.2rem;line-height:1.8;color:#333;margin:0}.navigation{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:50px;box-shadow:0 8px 32px #0000001a;z-index:100}.nav-btn{background:var(--primary-color, #FF69B4);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;font-family:inherit}.nav-btn:hover:not(:disabled){background:var(--secondary-color, #FFB6C1);transform:translateY(-2px)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.section-indicators{display:flex;gap:.5rem}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ff69b44d;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--primary-color, #FF69B4);transform:scale(1.2)}@media (max-width: 768px){.section-container{padding:1rem;min-height:calc(100vh - 120px)}.story-card{flex-direction:column;text-align:center}.story-visual{flex:none}.memories-grid{grid-template-columns:1fr;gap:1rem}.navigation{bottom:10px;padding:.75rem 1rem;gap:1rem}.nav-btn{padding:.5rem 1rem;font-size:.9rem}.birthday-cake{width:150px;height:200px}.butterfly{font-size:20px}.floating-emoji{font-size:1.5rem}}@media (max-width: 480px){.start-animation{gap:1rem}.start-emoji{font-size:3rem}.message-box,.story-card,.celebration-message{padding:1.5rem}.main-message,.story-text p,.celebration-message p{font-size:1.1rem}.memory-card{padding:1.5rem}.navigation{flex-wrap:wrap;justify-content:center}}.ai-view{min-height:100vh;position:relative}.ai-view-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#ffe5ec,#fff0f5,#e6e6fa);padding:2rem}.loading-animation{text-align:center;max-width:400px}.loading-butterflies{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;animation:float 3s ease-in-out infinite}.butterfly{font-size:2rem;animation:flutter 2s ease-in-out infinite}.butterfly:nth-child(2){animation-delay:.5s}.butterfly:nth-child(3){animation-delay:1s}@keyframes flutter{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(-5px) rotate(-3deg)}75%{transform:translateY(-15px) rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loading-animation h2{color:#ff69b4;font-size:1.8rem;margin-bottom:1rem;font-weight:700}.loading-animation p{color:#8b5a8c;font-size:1.1rem}.ai-view-pin{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#ffe5ec,#fff0f5,#e6e6fa);padding:2rem}.pin-container{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 40px #ff69b41a;text-align:center;max-width:400px;width:100%;border:2px solid rgba(255,182,193,.3)}.pin-header{margin-bottom:2rem}.pin-icon{font-size:3rem;margin-bottom:1rem}.pin-header h2{color:#ff69b4;font-size:1.8rem;margin-bottom:.5rem;font-weight:700}.pin-header p{color:#8b5a8c;font-size:1rem}.pin-form{margin-bottom:2rem}.pin-input-group{display:flex;flex-direction:column;gap:1rem}.pin-input{padding:1rem;font-size:1.5rem;text-align:center;border:2px solid #FFB6C1;border-radius:15px;background:#fff5f8;color:#ff69b4;font-weight:700;letter-spacing:.5rem;transition:all .3s ease}.pin-input:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 20px #ff69b433;transform:scale(1.02)}.pin-submit{padding:1rem 2rem;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff69b4,#ffb6c1);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #ff69b433}.pin-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #ff69b44d}.pin-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.pin-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#ffe5e5;border:1px solid #FFB6B6;border-radius:10px;color:#d63384;font-weight:600;margin-bottom:1rem}.error-icon{font-size:1.2rem}.pin-help{padding:1.5rem;background:linear-gradient(135deg,#f0f8ff,#e6e6fa);border-radius:15px;border:1px solid rgba(138,43,226,.1)}.pin-help p{margin:.5rem 0;color:#8b5a8c;font-size:.9rem}.ai-view-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#ffe5ec,#fff0f5,#e6e6fa);padding:2rem}.error-container{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 40px #ff69b41a;text-align:center;max-width:400px;width:100%;border:2px solid rgba(255,182,193,.3)}.error-container h2{color:#ff69b4;font-size:1.8rem;margin-bottom:1rem;font-weight:700}.error-container p{color:#8b5a8c;font-size:1rem;margin-bottom:2rem}.error-actions{display:flex;justify-content:center}.retry-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff69b4,#ffb6c1);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px #ff69b433}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #ff69b44d}.ai-view-credit{position:fixed;bottom:20px;right:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.8rem 1.2rem;border-radius:25px;box-shadow:0 10px 20px #ff69b41a;border:1px solid rgba(255,182,193,.3);font-size:.9rem;color:#8b5a8c;z-index:1000}.ai-view-credit a{color:#ff69b4;text-decoration:none;font-weight:600;transition:color .3s ease}.ai-view-credit a:hover{color:#ff1493}@media (max-width: 768px){.ai-view-loading,.ai-view-pin,.ai-view-error{padding:1rem}.pin-container,.error-container{padding:2rem;margin:1rem}.pin-header h2,.error-container h2,.loading-animation h2{font-size:1.5rem}.loading-butterflies{gap:.5rem}.butterfly{font-size:1.5rem}.pin-input{font-size:1.2rem;letter-spacing:.3rem}.ai-view-credit{position:relative;bottom:auto;right:auto;margin:1rem;text-align:center}}@media (prefers-color-scheme: dark){.pin-container,.error-container{background:#1a1a2e;border-color:#ff69b433}.pin-input{background:#16213e;border-color:#ff69b4;color:#ffb6c1}.pin-help{background:linear-gradient(135deg,#16213e,#1a1a2e)}.ai-view-credit{background:#1a1a2ee6;border-color:#ff69b433}}@media (prefers-reduced-motion: reduce){.loading-butterflies,.butterfly{animation:none}.pin-input:focus,.pin-submit:hover:not(:disabled),.retry-btn:hover{transform:none}}@media (prefers-contrast: high){.pin-container,.error-container,.pin-input{border:3px solid #FF69B4}.pin-submit,.retry-btn{background:#ff69b4;border:2px solid #000}}.secure-view{min-height:100vh;background:linear-gradient(135deg,#ffe5ec,#fff0f5,#fff5f0);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.loading-container{text-align:center;background:#fff;padding:3rem 2rem;border-radius:24px;box-shadow:0 8px 32px #ffb6c133;max-width:400px}.loading-spinner{width:60px;height:60px;border:4px solid #FFE5EC;border-top:4px solid #FF69B4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.loading-container h2{color:#ff69b4;margin-bottom:1rem;font-size:1.5rem}.loading-container p{color:#666;font-size:1rem}.error-container{text-align:center;background:#fff;padding:3rem 2rem;border-radius:24px;box-shadow:0 8px 32px #ffb6c133;max-width:400px}.error-icon{font-size:4rem;margin-bottom:1rem}.error-container h2{color:#ff69b4;margin-bottom:1rem;font-size:1.8rem}.error-container p{color:#666;margin-bottom:2rem;font-size:1.1rem}.home-button{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.home-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff69b466}.auth-container{background:#fff;padding:2rem;border-radius:24px;box-shadow:0 8px 32px #ffb6c133;max-width:400px;width:100%}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-header{text-align:center;margin-bottom:1rem}.lock-icon{font-size:3rem;margin-bottom:1rem}.auth-header h2{color:#ff69b4;margin-bottom:.5rem;font-size:1.5rem}.auth-header p{color:#666;font-size:1rem}.pin-input-container,.password-input-container,.name-input-container{position:relative}.pin-input,.password-input,.name-input{width:100%;padding:16px 20px;border:2px solid #FFE5EC;border-radius:12px;font-size:18px;text-align:center;transition:all .2s ease;font-family:inherit;background:#fafafa}.pin-input{font-size:24px;letter-spacing:8px;font-weight:600}.pin-input:focus,.password-input:focus,.name-input:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b41a;background:#fff}.auth-button{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s ease;min-height:52px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff69b466}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-hint{text-align:center;color:#888;font-size:.9rem;margin-top:-.5rem}.auth-error{background:#ffe5e5;border:2px solid #FF6B6B;border-radius:12px;padding:1rem;margin-top:1rem;text-align:center;color:#d63031}.auth-error small{display:block;margin-top:.5rem;opacity:.8}.greeting-container{background:#fff;padding:2rem;border-radius:24px;box-shadow:0 8px 32px #ffb6c133;max-width:600px;width:100%;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.greeting-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #FFE5EC}.greeting-header h1{color:#ff69b4;font-size:2rem;margin-bottom:.5rem}.greeting-header h2{color:#333;font-size:1.5rem;font-weight:600}.greeting-content{margin-bottom:2rem}.greeting-message{background:linear-gradient(135deg,#ff69b40d,#ffb6c10d);padding:1.5rem;border-radius:16px;border-left:4px solid #FF69B4;margin-bottom:1rem}.greeting-message p{font-size:1.1rem;line-height:1.6;color:#333;margin:0}.greeting-music{background:#f0f8ff;padding:1rem 1.5rem;border-radius:12px;border-left:4px solid #87CEEB}.greeting-music p{color:#4682b4;font-weight:500;margin:0}.greeting-footer{border-top:2px solid #FFE5EC;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.greeting-stats{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#666}.greeting-actions{display:flex;gap:1rem}.share-button{background:linear-gradient(135deg,#87ceeb,#b0e0e6);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.share-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #87ceeb66}.pooklet-branding{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #FFE5EC;color:#888;font-size:.9rem}.pooklet-branding strong{color:#ff69b4}body.auth-success .greeting-container{animation:successPulse 1s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 12px 40px #ff69b44d}to{transform:scale(1)}}@media (max-width: 768px){.secure-view{padding:1rem}.auth-container,.greeting-container{padding:1.5rem;margin:0}.greeting-header h1{font-size:1.5rem}.greeting-header h2{font-size:1.2rem}.greeting-footer{flex-direction:column;align-items:stretch;text-align:center}.greeting-stats{align-items:center}.greeting-actions{justify-content:center}}@media (max-width: 480px){.pin-input{font-size:20px;letter-spacing:6px}.auth-button{padding:14px 20px;font-size:1rem}.greeting-message{padding:1rem}.greeting-message p{font-size:1rem}}@media (prefers-contrast: high){.auth-container,.greeting-container,.pin-input,.password-input,.name-input{border:2px solid #000}.auth-button{background:#000;border:2px solid #000}}@media (prefers-reduced-motion: reduce){.loading-spinner,.greeting-container,.auth-form.shake,body.auth-success .greeting-container{animation:none}}.templates-page{min-height:100vh;background:linear-gradient(135deg,#fff5f7,#ffe5ec);padding:80px 20px 60px}.templates-header{text-align:center;margin-bottom:40px}.templates-header h1{font-size:clamp(2rem,5vw,3rem);color:#ff69b4;margin-bottom:12px;font-weight:700}.templates-header p{font-size:clamp(1rem,2.5vw,1.25rem);color:#8b8b8b}.tier-filters{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap;padding:0 16px}.tier-filter{padding:12px 24px;border:2px solid #FFB6C1;background:#fff;border-radius:25px;font-size:16px;font-weight:600;color:#4a4a4a;cursor:pointer;transition:all .3s ease;min-height:44px;min-width:100px}.tier-filter:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff69b433}.tier-filter.active{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border-color:#ff69b4}.tier-filter.tier-49.active{background:linear-gradient(135deg,#ffb6c1,pink);border-color:#ffb6c1}.tier-filter.tier-99.active{background:linear-gradient(135deg,plum,#e6b8e6);border-color:plum}.tier-filter.tier-299.active{background:linear-gradient(135deg,gold,#ffe55c);border-color:gold}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 16px}.templates-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid #FFE5EC;border-top:4px solid #FF69B4;border-radius:50%;animation:spin 1s linear infinite}.templates-loading p{color:#8b8b8b;font-size:18px}.templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px 20px}.empty-emoji{font-size:80px;margin-bottom:20px;display:block}.templates-empty h3{font-size:24px;color:#4a4a4a;margin-bottom:12px}.templates-empty p{font-size:16px;color:#8b8b8b;max-width:400px}@media (max-width: 768px){.templates-page{padding:60px 16px 40px}.templates-header{margin-bottom:32px}.tier-filters{gap:8px;margin-bottom:32px}.tier-filter{padding:10px 20px;font-size:14px;min-width:80px}.templates-grid{grid-template-columns:1fr;gap:20px}}@media (min-width: 769px) and (max-width: 1024px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.templates-grid{grid-template-columns:repeat(3,1fr)}}.template-preview-page{min-height:100vh;background:linear-gradient(180deg,#ffe5ec,#fff0f5);padding:20px}.template-preview-container{max-width:1200px;margin:0 auto}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffffe6;border-radius:15px;box-shadow:0 5px 20px #0000001a}.preview-header h1{font-family:Dancing Script,cursive;font-size:2.5rem;color:#ff69b4;margin:0}.preview-actions{display:flex;gap:15px}.edit-button,.preview-link-button,.purchase-button{padding:12px 24px;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.edit-button{background:linear-gradient(135deg,#87ceeb,#b0e0e6);color:#fff}.preview-link-button{background:linear-gradient(135deg,plum,#e6e6fa);color:#fff}.purchase-button{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;font-size:1.1rem}.edit-button:hover,.preview-link-button:hover,.purchase-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.purchase-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.editing-instructions{background:linear-gradient(135deg,#e6e6fa,#f0f8ff);border-radius:15px;padding:20px;margin-bottom:30px;text-align:center;border:2px dashed #FF69B4}.editing-instructions h3{color:#ff69b4;font-family:Dancing Script,cursive;font-size:1.8rem;margin-bottom:10px}.editing-instructions p{color:#666;font-size:1.1rem;margin:0}.editing-panel{background:#fffffff2;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 5px 20px #0000001a}.edit-form{display:grid;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:1rem}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border:2px solid #E6E6FA;border-radius:10px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b41a}.template-specific-editing{margin-top:30px}.template-specific-editing h3{color:#ff69b4;font-family:Dancing Script,cursive;font-size:1.8rem;margin-bottom:15px}.memory-edit,.moment-edit{margin-bottom:15px}.memory-edit label,.moment-edit label{font-weight:600;color:#666;text-transform:capitalize}.template-render{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a;margin-bottom:30px}.preview-link-display{background:#fffffff2;border-radius:15px;padding:25px;box-shadow:0 5px 20px #0000001a}.preview-link-display h3{color:#ff69b4;font-family:Dancing Script,cursive;font-size:1.8rem;margin-bottom:15px}.link-container{display:flex;gap:10px;margin-bottom:15px}.preview-link-input{flex:1;padding:12px 16px;border:2px solid #E6E6FA;border-radius:10px;font-size:1rem;background:#f8f8ff}.copy-button{padding:12px 20px;background:linear-gradient(135deg,#87ceeb,#b0e0e6);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.link-note{color:#666;font-style:italic;margin:0}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.payment-modal{background:#fff;border-radius:20px;padding:40px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.payment-modal h2{color:#ff69b4;font-family:Dancing Script,cursive;font-size:2.2rem;text-align:center;margin-bottom:30px}.payment-summary{text-align:center}.template-info h3{color:#333;font-size:1.5rem;margin-bottom:10px}.template-info p{color:#666;margin-bottom:8px}.template-info .price{font-size:2rem;font-weight:700;color:#ff69b4;margin:20px 0}.warning{background:#fff3cd;color:#856404;padding:15px;border-radius:10px;margin:20px 0;border:1px solid #FFEAA7}.payment-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.cancel-button,.pay-button{padding:15px 30px;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button{background:#e0e0e0;color:#666}.pay-button{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff}.cancel-button:hover,.pay-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.pay-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.template-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#ffe5ec,#fff0f5)}@media (max-width: 768px){.template-preview-page{padding:10px}.preview-header{flex-direction:column;gap:20px;text-align:center}.preview-header h1{font-size:2rem}.preview-actions{flex-wrap:wrap;justify-content:center}.edit-button,.preview-link-button,.purchase-button{padding:10px 20px;font-size:.9rem}.editing-panel{padding:20px}.link-container{flex-direction:column}.payment-modal{padding:25px;margin:20px}.payment-actions{flex-direction:column}}.preview-viewer{min-height:100vh;background:linear-gradient(180deg,#ffe5ec,#fff0f5)}.preview-banner{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;padding:15px 20px;text-align:center;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.preview-badge{background:#fff3;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.3)}.banner-content p{flex:1;margin:0;font-size:1rem;min-width:200px}.customize-button{background:#ffffffe6;color:#ff69b4;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.customize-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.template-container{position:relative}.preview-footer{background:#ffffffe6;padding:30px 20px;text-align:center;border-top:1px solid rgba(255,105,180,.2)}.preview-footer p{margin:5px 0;color:#666}.preview-footer a{color:#ff69b4;text-decoration:none;font-weight:600}.preview-footer a:hover{text-decoration:underline}.preview-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#ffe5ec,#fff0f5)}.loading-spinner{width:50px;height:50px;border:4px solid #E6E6FA;border-top:4px solid #FF69B4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.preview-viewer-loading p{color:#666;font-size:1.1rem}.preview-viewer-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#ffe5ec,#fff0f5);padding:20px}.error-content{text-align:center;background:#ffffffe6;padding:60px 40px;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:500px;width:100%}.error-content h1{font-size:3rem;margin-bottom:20px;color:#ff69b4;font-family:Dancing Script,cursive}.error-content p{font-size:1.2rem;color:#666;margin-bottom:30px;line-height:1.6}.back-button{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}@media (max-width: 768px){.banner-content{flex-direction:column;text-align:center;gap:15px}.banner-content p{min-width:auto}.preview-banner{padding:20px 15px}.customize-button{padding:10px 20px;font-size:.9rem}.error-content{padding:40px 25px;margin:20px}.error-content h1{font-size:2.5rem}.error-content p{font-size:1.1rem}}.footer{background:linear-gradient(180deg,#fff5f0,#ffe5ec);padding:3rem 2rem 1rem;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.5rem;font-weight:700;color:#ff69b4;margin-bottom:1rem}.footer-section h4{font-size:1.1rem;font-weight:700;color:#ff69b4;margin-bottom:1rem}.footer-section p{font-size:1rem;color:#ffb6c1;margin-bottom:1rem}.footer-section a{display:block;font-size:1rem;color:#ffb6c1;text-decoration:none;margin-bottom:.5rem;transition:all .3s ease}.footer-section a:hover{color:#ff69b4;transform:translate(4px)}.social-link{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#e1306c,#f56040);color:#fff!important;border-radius:50px;font-weight:600;margin-top:.5rem}.social-link:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #e1306c4d}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,182,193,.3)}.footer-bottom p{font-size:.9rem;color:#ffb6c1}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-section a{display:inline-block;margin:.5rem}.footer-section a:hover{transform:translateY(-2px)}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,229,236,.8);z-index:1000;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:env(safe-area-inset-bottom) 0 0;box-shadow:0 -4px 20px #ff69b41a}.mobile-nav.visible{transform:translateY(0)}.mobile-nav-container{display:flex;justify-content:space-around;align-items:center;padding:8px 16px 12px;max-width:500px;margin:0 auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;border-radius:12px;position:relative;min-width:60px;font-family:inherit;-webkit-tap-highlight-color:transparent}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{background:#ff69b41a}.mobile-nav-item.highlight{background:linear-gradient(135deg,#8a2be21a,#9370db1a)}.mobile-nav-item.highlight.active{background:linear-gradient(135deg,#8a2be233,#9370db33)}.mobile-nav-icon{font-size:20px;transition:transform .2s ease}.mobile-nav-item:active .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-label{font-size:10px;font-weight:600;color:#666;transition:color .2s ease;text-align:center;line-height:1}.mobile-nav-item.active .mobile-nav-label{color:#ff69b4}.mobile-nav-item.highlight .mobile-nav-label{color:#8a2be2}.mobile-nav-indicator{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#ff69b4;border-radius:50%;animation:pulse 2s infinite}.mobile-nav-item.highlight .mobile-nav-indicator{background:#8a2be2}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(1.2)}}.install-prompt{position:fixed;top:20px;left:16px;right:16px;z-index:1001;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.install-prompt-content{background:linear-gradient(135deg,#ff69b4,#ffb6c1);color:#fff;padding:12px 16px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #ff69b44d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.install-prompt-icon{font-size:24px;flex-shrink:0}.install-prompt-text{flex:1}.install-prompt-text h4{font-size:14px;font-weight:700;margin:0 0 2px}.install-prompt-text p{font-size:12px;margin:0;opacity:.9}.install-prompt-actions{display:flex;gap:8px;align-items:center}.install-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.install-btn:hover{background:#ffffff4d}.dismiss-btn{background:transparent;color:#fff;border:none;padding:4px;border-radius:4px;font-size:16px;cursor:pointer;opacity:.7;transition:opacity .2s ease;line-height:1}.dismiss-btn:hover{opacity:1}@media (min-width: 768px){.mobile-nav,.install-prompt{display:none}}@media (max-width: 360px){.mobile-nav-container{padding:6px 8px 10px}.mobile-nav-item{min-width:50px;padding:6px 8px}.mobile-nav-icon{font-size:18px}.mobile-nav-label{font-size:9px}}@media (prefers-contrast: high){.mobile-nav{background:#fff;border-top:2px solid #000}.mobile-nav-item.active{background:#000;color:#fff}.mobile-nav-label{color:#000}.mobile-nav-item.active .mobile-nav-label{color:#fff}}@media (prefers-reduced-motion: reduce){.mobile-nav,.mobile-nav-item{transition:none}.mobile-nav-indicator,.install-prompt{animation:none}}@media (prefers-color-scheme: dark){.mobile-nav{background:#1e1e1ef2;border-top-color:#ffe5ec33}.mobile-nav-label{color:#ccc}.mobile-nav-item.active .mobile-nav-label{color:#ff69b4}}.app{width:100%;min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;--vh: 1vh;font-size:clamp(14px,2.5vw,16px)}@supports (-webkit-touch-callout: none){html,#root{height:-webkit-fill-available}}body{font-family:Quicksand,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;background:linear-gradient(180deg,#ffe5ec,#fff0f5,#fff5f0);line-height:1.6;color:#333;-webkit-overflow-scrolling:touch;position:relative;touch-action:manipulation}#root{width:100vw;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);min-height:-webkit-fill-available}h1,h2,h3,h4,h5,h6{font-family:Poppins,Quicksand,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}p,li,a,span{font-family:Quicksand,sans-serif;line-height:1.7}button{font-family:Poppins,Quicksand,sans-serif;letter-spacing:.02em}:focus-visible{outline:3px solid #FF69B4;outline-offset:2px}html{scroll-behavior:smooth;scroll-padding-top:2rem}::selection{background-color:#ffb6c1;color:#fff}::-moz-selection{background-color:#ffb6c1;color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#ffe5ec}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff69b4,#ffb6c1);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e1306c,#ff69b4)}button,.btn,.button,input[type=submit],input[type=button]{min-height:44px;min-width:44px;padding:12px 24px;font-size:clamp(14px,3vw,16px);border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:rgba(255,105,180,.3)}input,textarea,select{min-height:44px;padding:12px 16px;font-size:16px;border-radius:8px;border:2px solid #FFE5EC;background:#fff;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{outline:none;border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b41a}h1{font-size:clamp(1.8rem,6vw,3rem)}h2{font-size:clamp(1.5rem,5vw,2.5rem)}h3{font-size:clamp(1.3rem,4vw,2rem)}h4{font-size:clamp(1.1rem,3.5vw,1.5rem)}h5{font-size:clamp(1rem,3vw,1.25rem)}h6{font-size:clamp(.9rem,2.5vw,1.1rem)}p,li,span{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #FFE5EC;padding:12px;z-index:1000;display:none}@media (max-width: 768px){.mobile-nav{display:flex;justify-content:space-around;align-items:center}body{padding-bottom:80px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{padding:0 24px}}@media (min-width: 1024px){.container{padding:0 32px}}.grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 640px){.grid-sm-2{grid-template-columns:repeat(2,1fr)}.grid-sm-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){.grid-md-2{grid-template-columns:repeat(2,1fr)}.grid-md-3{grid-template-columns:repeat(3,1fr)}.grid-md-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.grid-lg-3{grid-template-columns:repeat(3,1fr)}.grid-lg-4{grid-template-columns:repeat(4,1fr)}.grid-lg-5{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.animation-complete{will-change:auto}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.desktop-only{display:block}}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.shadow-mobile{box-shadow:0 2px 8px #0000001a}@media (min-width: 768px){.shadow-mobile{box-shadow:0 4px 16px #0000001a}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}.space-x-2>*+*{margin-left:8px}.space-x-4>*+*{margin-left:16px}.space-x-6>*+*{margin-left:24px}.space-x-8>*+*{margin-left:32px}img,video{max-width:100%;height:auto;loading:lazy;decoding:async}@media (max-width: 768px) and (max-resolution: 1.5dppx){.high-res-image{display:none}}