@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,800;1,600&family=Cormorant+Garamond:ital,wght@0,600;1,600&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--event-bg-dark:#0b0f19;--event-gold:#f59e0b;--event-gold-light:#fef3c7;--event-pink:#ec4899;--event-cyan:#06b6d4;--event-purple:#8b5cf6;--event-glow:0 0 35px #f59e0b59;--font-serif:"Playfair Display", "Cormorant Garamond", serif;--font-sans:"Outfit", sans-serif}body{color:#fff;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 20%,#1e1b4b 0%,#0f172a 60%,#020617 100%);margin:0;padding:0;overflow:hidden}html,body,#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.event-ambient-glow{pointer-events:none;z-index:1;background:radial-gradient(circle at 20% 20%,#ec489926 0%,#0000 40%),radial-gradient(circle at 80% 30%,#06b6d426 0%,#0000 40%),radial-gradient(circle at 50% 80%,#f59e0b1f 0%,#0000 50%);position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseButton{0%{transform:scale(1);box-shadow:0 0 25px #f59e0b66}50%{transform:scale(1.04);box-shadow:0 0 45px #f59e0bbf,0 0 70px #ec489966}to{transform:scale(1);box-shadow:0 0 25px #f59e0b66}}@keyframes countdownPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.95;transform:translate(-50%,-50%)scale(1.05)}}@keyframes shimmerText{0%{background-position:-200%}to{background-position:200%}}.shimmer-gold{color:#0000;background:linear-gradient(90deg,#f59e0b 0%,#fef08a 25%,#f59e0b 50%,#fef08a 75%,#f59e0b 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmerText}.event-glass-card{-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:2px solid #ffffff26;border-radius:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px #00000059}.event-glass-card:hover{border-color:#f59e0bb3;transform:translateY(-6px)scale(1.03);box-shadow:0 20px 45px #f59e0b4d,0 0 25px #ec489933}.camera-viewfinder-frame{pointer-events:none;z-index:5;position:absolute;inset:30px}.camera-viewfinder-frame:before{content:"";border-top:4px solid #f59e0b;border-left:4px solid #f59e0b;border-top-left-radius:12px;width:45px;height:45px;position:absolute;top:0;left:0}.camera-viewfinder-frame:after{content:"";border-top:4px solid #f59e0b;border-right:4px solid #f59e0b;border-top-right-radius:12px;width:45px;height:45px;position:absolute;top:0;right:0}.camera-viewfinder-corner-bl{border-bottom:4px solid #f59e0b;border-left:4px solid #f59e0b;border-bottom-left-radius:12px;width:45px;height:45px;position:absolute;bottom:0;left:0}.camera-viewfinder-corner-br{border-bottom:4px solid #f59e0b;border-right:4px solid #f59e0b;border-bottom-right-radius:12px;width:45px;height:45px;position:absolute;bottom:0;right:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.final-screen-container{background:radial-gradient(circle at 50% 20%,#1e1b4b 0%,#0f172a 60%,#020617 100%);flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.frames-section-custom-ai,.frames-section-normal{z-index:10;flex-direction:column;justify-content:space-between;align-items:center;gap:15px;height:620px;display:flex}.frame-column-container{z-index:10;flex-direction:column;align-items:center;height:295px;display:flex}.frame-column-title{color:#fef08a;text-transform:uppercase;letter-spacing:1.5px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:30px;margin-bottom:10px;padding:5px 16px;font-size:.78rem;font-weight:700;box-shadow:0 4px 15px #0003}.frame-list-scrollable{background-color:#0000;flex-direction:column;gap:15px;width:165px;height:250px;padding:6px;display:flex;overflow-y:auto}.selfie-card-column{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:450px;height:100%;margin:0 15px;display:flex;position:relative}.selfie-capture-wrapper{background-color:#0000;border-radius:20px;width:400px;height:600px;position:relative;overflow:hidden}.selfie-capture-wrapper.has-shadow{overflow:hidden;box-shadow:0 25px 60px #00000080}.portrait-only{display:none!important}.landscape-only{display:flex!important}@media (aspect-ratio<=1),(width<=1079px),(orientation:portrait){.portrait-only{display:flex!important}.landscape-only{display:none!important}.final-screen-container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100vw;height:100vh;padding:10px 15px;overflow:hidden auto}.selfie-card-column{z-index:10;flex-direction:column;justify-content:flex-start;align-items:center;max-width:600px;height:auto;margin:0 auto;display:flex;width:100%!important}.selfie-card-column .final-title{margin:4px 0 8px!important;font-size:1.8rem!important}#print-capture-wrapper{padding:4px!important}.selfie-capture-wrapper{border-radius:16px;width:360px!important;height:540px!important}.final-action-buttons{flex-wrap:wrap;justify-content:center;display:flex;gap:10px!important;width:100%!important;margin:10px 0!important}.final-action-buttons button{padding:10px 18px!important;font-size:.95rem!important}.portrait-frame-selector-panel{flex-direction:column;align-items:center;width:100%;margin-top:5px;padding-bottom:15px;display:flex}.portrait-tab-bar{gap:12px;margin-bottom:10px;display:flex}.portrait-tab-btn{color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px;background:#ffffff14;border:1px solid #ffffff40;border-radius:30px;padding:7px 20px;font-size:.85rem;font-weight:700;transition:all .2s}.portrait-tab-btn.active-gold{color:#fef08a;background:#f59e0b40;border-color:#f59e0b;box-shadow:0 0 15px #f59e0b66}.portrait-tab-btn.active-purple{color:#e9d5ff;background:#7000ff4d;border-color:#7000ff;box-shadow:0 0 15px #7000ff80}.portrait-carousel-container{box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:row;align-items:center;gap:14px;width:96vw;max-width:650px;padding:8px 6px;display:flex;overflow:auto hidden}.portrait-thumbnail-card{cursor:pointer;background-color:#0000;border-radius:10px;flex-shrink:0;width:110px;height:146px;transition:all .2s;position:relative;overflow:hidden}}@keyframes floralBreeze{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(1.8deg)scale(1.03)}}.event-floral-corner-tl{pointer-events:none;z-index:2;width:240px;height:240px;animation:8s ease-in-out infinite floralBreeze;position:absolute;top:-15px;left:-15px}.event-floral-corner-br{pointer-events:none;z-index:2;width:240px;height:240px;animation:9s ease-in-out infinite reverse floralBreeze;position:absolute;bottom:-15px;right:-15px}.butterfly-container{pointer-events:none;z-index:20;perspective:1200px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.butterfly-3d-wrapper{width:75px;height:70px;transform-style:preserve-3d;filter:drop-shadow(0 12px 18px #0009);z-index:25;position:absolute}.butterfly-3d{width:100%;height:100%;transform-style:preserve-3d;position:relative}.butterfly-wing-left-3d{transform-origin:right 45%;width:36px;height:65px;transform-style:preserve-3d;animation:.18s cubic-bezier(.45,.05,.55,.95) infinite alternate flapLeftRealistic;position:absolute;top:0;right:50%}.butterfly-wing-right-3d{transform-origin:0 45%;width:36px;height:65px;transform-style:preserve-3d;animation:.18s cubic-bezier(.45,.05,.55,.95) infinite alternate flapRightRealistic;position:absolute;top:0;left:50%}.butterfly-body-3d{z-index:30;width:8px;height:48px;transform-style:preserve-3d;position:absolute;top:12px;left:calc(50% - 4px)}@keyframes flapLeftRealistic{0%{transform:rotateY(-10deg)rotate(4deg)}to{transform:rotateY(72deg)rotate(-10deg)}}@keyframes flapRightRealistic{0%{transform:rotateY(10deg)rotate(-4deg)}to{transform:rotateY(-72deg)rotate(10deg)}}@keyframes butterflyFlightPerch1{0%,15%{transform:translate3d(110px,90px,40px)rotate(-25deg)rotateX(10deg)scale(.85)}18%{transform:translate3d(140px,120px,80px)rotate(25deg)rotateX(-20deg)scale(1.05)}28%{transform:translate3d(32vw,35vh,120px)rotate(35deg)rotateX(25deg)scale(1.2)}38%{transform:translate3d(58vw,22vh,90px)rotate(-20deg)rotateX(-15deg)scale(1.1)}46%{transform:translate3d(78vw,55vh,60px)rotate(40deg)rotateX(20deg)scale(.95)}50%,65%{transform:translate3d(calc(100vw - 150px),calc(100vh - 160px),40px)rotate(20deg)rotateX(15deg)scale(.85)}68%{transform:translate3d(calc(100vw - 180px),calc(100vh - 200px),80px)rotate(-35deg)rotateX(-20deg)scale(1.05)}78%{transform:translate3d(55vw,68vh,110px)rotate(-30deg)rotateX(-25deg)scale(1.15)}88%{transform:translate3d(24vw,38vh,70px)rotate(-15deg)rotateX(15deg)scale(1)}96%{transform:translate3d(120px,100px,50px)rotate(-25deg)rotateX(10deg)scale(.9)}to{transform:translate3d(110px,90px,40px)rotate(-25deg)rotateX(10deg)scale(.85)}}@keyframes butterflyFlightPerch2{0%,15%{transform:translate3d(calc(100vw - 120px),calc(100vh - 130px),40px)rotate(-40deg)rotateX(10deg)scale(.82)}18%{transform:translate3d(calc(100vw - 160px),calc(100vh - 170px),80px)rotate(20deg)rotateX(-20deg)scale(1.05)}30%{transform:translate3d(65vw,55vh,120px)rotate(-35deg)rotateX(-25deg)scale(1.2)}40%{transform:translate3d(35vw,40vh,90px)rotate(25deg)rotateX(20deg)scale(1.1)}50%,65%{transform:translate3d(130px,120px,40px)rotate(35deg)rotateX(15deg)scale(.82)}68%{transform:translate3d(160px,160px,80px)rotate(-30deg)rotateX(-15deg)scale(1.05)}78%{transform:translate3d(40vw,65vh,100px)rotate(30deg)rotateX(25deg)scale(1.15)}88%{transform:translate3d(75vw,75vh,60px)rotate(-25deg)rotateX(-10deg)scale(.95)}to{transform:translate3d(calc(100vw - 120px),calc(100vh - 130px),40px)rotate(-40deg)rotateX(10deg)scale(.82)}}@keyframes butterflyFlightPerch3{0%{transform:translate3d(100px,150px,40px)rotate(10deg)rotateX(10deg)scale(.8)}25%{transform:translate3d(45vw,30vh,100px)rotate(-30deg)rotateX(-20deg)scale(1.1)}45%{transform:translate3d(calc(100vw - 140px),calc(100vh - 110px),40px)rotate(45deg)rotateX(15deg)scale(.8)}55%{transform:translate3d(calc(100vw - 140px),calc(100vh - 110px),40px)rotate(45deg)rotateX(15deg)scale(.8)}75%{transform:translate3d(50vw,75vh,110px)rotate(-40deg)rotateX(-20deg)scale(1.15)}90%{transform:translate3d(20vw,45vh,70px)rotate(20deg)rotateX(15deg)scale(.95)}to{transform:translate3d(100px,150px,40px)rotate(10deg)rotateX(10deg)scale(.8)}}.butterfly-flight-1{animation:20s cubic-bezier(.445,.05,.55,.95) infinite butterflyFlightPerch1}.butterfly-flight-2{animation:24s cubic-bezier(.445,.05,.55,.95) infinite butterflyFlightPerch2}.butterfly-flight-3{animation:18s cubic-bezier(.445,.05,.55,.95) infinite butterflyFlightPerch3}.frame-column-container.column-full-height{justify-content:flex-start;height:600px}.frame-list-scrollable.list-full-height{height:545px;max-height:545px}.touch-final-container{box-sizing:border-box;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100vw;height:100vh;padding:40px 10px;display:flex;overflow:hidden}.touch-frame-row{box-sizing:border-box;z-index:12;flex-direction:column;align-items:center;width:100vw;max-width:1200px;display:flex}.touch-top-row{margin-top:15px;margin-bottom:5px}.touch-bottom-row{margin-top:5px;margin-bottom:15px}.touch-row-badge{letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;border-radius:25px;margin-bottom:8px;padding:5px 20px;font-size:.8rem;font-weight:800;box-shadow:0 4px 15px #0006}.gold-badge{color:#fef08a;background:#f59e0b38;border:1.5px solid #f59e0b99;box-shadow:0 0 20px #f59e0b59}.purple-badge{color:#e9d5ff;background:#7000ff47;border:1.5px solid #7000ff99;box-shadow:0 0 20px #7000ff66}.touch-carousel{box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;flex-direction:row;align-items:center;gap:15px;width:100%;padding:8px 120px;display:flex;overflow:auto hidden}.touch-carousel::-webkit-scrollbar{display:none}.touch-frame-card{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-color:#0000;border-radius:10px;flex-shrink:0;width:105px;height:140px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;overflow:hidden}.touch-center-hero{z-index:15;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}.touch-center-hero .selfie-capture-wrapper{background-color:#0000;border-radius:16px;width:330px;height:495px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}@media (height>=1000px){.touch-final-container{gap:25px;padding:60px 10px}.touch-top-row{margin-top:30px}.touch-bottom-row{margin-bottom:30px}.touch-center-hero .selfie-capture-wrapper{width:380px!important;height:570px!important}.touch-frame-card{width:115px!important;height:153px!important}.touch-frame-card>div{transform:scale(.255)!important}}@media (height>=1400px){.touch-final-container{gap:40px;padding:90px 10px}.touch-top-row{margin-top:50px}.touch-bottom-row{margin-bottom:50px}.touch-center-hero .selfie-capture-wrapper{width:440px!important;height:660px!important}.touch-frame-card{width:125px!important;height:166px!important}.touch-frame-card>div{transform:scale(.277)!important}}.touch-action-buttons{z-index:20;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.btn-action{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:50px;align-items:center;gap:8px;padding:11px 24px;font-size:1rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex}.btn-action:active{transform:scale(.95)}.btn-print{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #fff6;box-shadow:0 6px 20px #f59e0b66}.btn-qr{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%);border:1px solid #fff6;box-shadow:0 6px 20px #06b6d466}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border:1px solid #fff6;box-shadow:0 6px 20px #22c55e66}.btn-finish{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;box-shadow:0 6px 18px #0000004d}