:root{--pink:#FF3F8E;--pink-light:#FF6FB0;--pink-bg:#FFE0EC;--pink-very-light:#FFF0F5;--near-black:#0B0B0F;--dark-gray:#1a1a2e;--footer-bg:#111111;--white:#ffffff;--gray-100:#f7f7f8;--gray-200:#e5e5e5;--gray-300:#cccccc;--gray-400:#767676;--gray-500:#666666;--green:#22c55e;--radius:12px;--radius-lg:20px;--shadow:0 4px 20px rgba(255,63,142,0.15);--shadow-lg:0 8px 40px rgba(255,63,142,0.2);--transition:0.3s cubic-bezier(0.4,0,0.2,1);--font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--max-w:1200px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--pink-very-light);color:var(--near-black);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:var(--font)}ul{list-style:none}.skeleton-wrapper{position:fixed;inset:0;z-index:99999;background:var(--pink-very-light);display:flex;align-items:center;justify-content:center;transition:opacity .5s}.skeleton-wrapper.hide{opacity:0;pointer-events:none}.skeleton-loader{display:flex;flex-direction:column;align-items:center;gap:16px}.skeleton-pulse{width:80px;height:80px;border-radius:50%;background:linear-gradient(90deg,var(--pink-bg) 25%,var(--pink-light) 50%,var(--pink-bg) 75%);background-size:200% 100%;animation:skelPulse 1.5s infinite}.skeleton-text{width:120px;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--pink-bg) 25%,var(--pink-light) 50%,var(--pink-bg) 75%);background-size:200% 100%;animation:skelPulse 1.5s infinite}@keyframes skelPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 16px}.header{position:sticky;top:0;z-index:1000;background:rgba(255,240,245,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,63,142,.1);transition:box-shadow var(--transition)}.header.scrolled{box-shadow:0 2px 20px rgba(255,63,142,.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;max-width:var(--max-w);margin:0 auto;gap:12px}.header-logo img{height:95px;width:auto;mix-blend-mode:multiply}.header-search{flex:1;max-width:400px;position:relative;display:none}.header-search input{width:100%;padding:10px 16px 10px 40px;border-radius:6px;border:2px solid var(--pink-bg);background:var(--white);font-size:14px;font-family:var(--font);transition:border-color var(--transition)}.header-search input:focus{outline:0;border-color:var(--pink)}.header-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:14px}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--dark-gray);border-radius:var(--radius);box-shadow:0 8px 30px rgba(0,0,0,.3);z-index:100;display:none;overflow:hidden;border:1px solid rgba(255,255,255,.1);max-height:320px;overflow-y:auto}.search-dropdown.active{display:block}.search-result{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background var(--transition)}.search-result:hover{background:rgba(255,63,142,.15)}.search-result img{width:36px;height:36px;border-radius:8px;object-fit:cover}.search-result .sr-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,63,142,.15);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--pink)}.search-result-info{flex:1}.search-result-name{font-size:14px;font-weight:600;color:var(--white)}.search-result-cat{font-size:11px;color:#595959}.search-result-none{padding:16px;text-align:center;color:#595959;font-size:13px}.category-circles-section{padding:10px 0 20px}.category-circles-scroll{display:flex;gap:16px;overflow-x:auto;padding:10px 16px 16px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-mask-image:linear-gradient(to right,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 92%,transparent 100%)}.category-circles-scroll::-webkit-scrollbar{display:none}.category-circle{flex-shrink:0;width:80px;text-align:center;cursor:pointer;scroll-snap-align:start;transition:transform .2s}.category-circle:hover{transform:translateY(-4px)}.category-circle-img{width:64px;height:64px;border-radius:50%;overflow:hidden;margin:0 auto 8px;border:2px solid var(--pink-bg);background:var(--white);box-shadow:0 2px 12px rgba(255,63,142,.12);display:flex;align-items:center;justify-content:center}.category-circle-img img{width:100%;height:100%;object-fit:cover}.category-circle-img i{font-size:24px;color:var(--pink)}.category-circle-name{font-size:11px;font-weight:600;color:var(--near-black);line-height:1.3;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-section{padding:10px 0 20px}.section-header-row{display:flex;align-items:center;justify-content:space-between}.lihat-semua-link{font-size:13px;font-weight:600;color:var(--pink);text-decoration:none}.lihat-semua-link:hover{color:var(--pink-light)}.popular-scroll{display:flex;gap:14px;overflow-x:auto;padding:12px 16px 16px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-mask-image:linear-gradient(to right,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 90%,transparent 100%)}.popular-scroll::-webkit-scrollbar{display:none}.popular-card{flex-shrink:0;width:160px;background:var(--white);border-radius:var(--radius);box-shadow:0 2px 16px rgba(255,63,142,.08);padding:12px;cursor:pointer;scroll-snap-align:start;transition:transform .2s,box-shadow .2s;text-align:center;border:1.5px solid transparent}.popular-card:hover{transform:translateY(-4px);box-shadow:0 4px 24px rgba(255,63,142,.15);border-color:var(--pink-bg)}.popular-card-icon{width:48px;height:48px;border-radius:10px;overflow:hidden;margin:0 auto 8px;background:var(--pink-very-light);display:flex;align-items:center;justify-content:center}.popular-card-icon img{width:100%;height:100%;object-fit:cover}.popular-card-icon i{font-size:20px;color:var(--pink)}.popular-card h4{font-size:12px;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-card .pop-price{font-size:11px;color:var(--pink);font-weight:600}.genre-section{margin-bottom:28px}.genre-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.genre-section-title{font-size:18px;font-weight:800;color:var(--near-black);display:flex;align-items:center;gap:8px}.genre-section-title i{color:var(--pink)}.genre-section-title svg{flex-shrink:0}.genre-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:manipulation}.genre-scroll::-webkit-scrollbar{display:none}.genre-card{flex-shrink:0;width:130px;background:var(--white);border-radius:var(--radius);box-shadow:0 2px 12px rgba(0,0,0,.06);padding:10px;cursor:pointer;scroll-snap-align:start;transition:transform .2s,box-shadow .2s;text-align:center;border:1.5px solid transparent}.genre-card:hover{transform:translateY(-4px);box-shadow:0 4px 20px rgba(255,63,142,.12);border-color:var(--pink-bg)}.genre-card-img{width:56px;height:56px;border-radius:10px;overflow:hidden;margin:0 auto 8px;background:var(--pink-very-light);display:flex;align-items:center;justify-content:center}.genre-card-img img{width:100%;height:100%;object-fit:cover}.genre-card-img i{font-size:22px;color:var(--pink)}.genre-card h4{font-size:11px;font-weight:700;line-height:1.3;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.genre-card .genre-price{font-size:11px;color:var(--pink);font-weight:600}.grid-section-label{font-size:16px;font-weight:800;color:var(--near-black);margin-bottom:12px;display:flex;align-items:center;gap:8px}.testimonials-section{padding:60px 0;background:linear-gradient(135deg,#fff5f8,#fff0f3)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.testi-card{background:var(--white);border:1px solid var(--pink-bg);border-radius:12px;padding:24px;box-shadow:0 4px 15px rgba(255,63,142,.06)}.testi-stars{color:gold;font-size:14px;margin-bottom:12px}.testi-text{font-size:14px;color:var(--near-black);line-height:1.6;margin-bottom:16px;font-style:italic;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}.testi-user{display:flex;align-items:center;gap:12px}.testi-avatar{width:36px;height:36px;border-radius:50%;background:var(--pink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--white)}.testi-user strong{font-size:13px}.testi-user span{font-size:12px;color:#595959}.header-actions{display:flex;gap:8px;align-items:center}.btn-login{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;background:0 0;color:var(--pink);border:2px solid var(--pink);transition:all var(--transition)}.btn-login:hover{background:var(--pink);color:var(--white)}.btn-register{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;background:var(--pink);color:var(--white);transition:all var(--transition)}.btn-register:hover{background:var(--pink-light);transform:translateY(-1px)}.hamburger{display:flex;flex-direction:column;gap:5px;background:0 0;padding:8px}.hamburger span{width:24px;height:2px;background:var(--near-black);border-radius:2px;transition:var(--transition)}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:-320px;width:300px;height:100%;background:rgba(30,26,46,.75);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);z-index:2000;box-shadow:-8px 0 40px rgba(0,0,0,.4),inset 1px 0 0 rgba(255,63,142,.1);transition:right .3s ease;padding:0;overflow:hidden}.mobile-drawer.open{right:0}.drawer-bg-pattern{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 80% 20%,rgba(255,63,142,.08) 0,transparent 50%),radial-gradient(circle at 20% 80%,rgba(255,111,176,.06) 0,transparent 50%)}.sakura-deco{position:absolute;pointer-events:none;z-index:0}.sakura-deco.top{top:-20px;right:-20px;width:120px;height:120px;opacity:.25}.sakura-deco.bottom{bottom:-30px;left:-30px;width:150px;height:150px;opacity:.18;transform:rotate(180deg)}.drawer-petal{position:absolute;width:10px;height:10px;background:radial-gradient(ellipse,rgba(255,150,180,.8),rgba(255,200,220,.5));border-radius:50% 0 50% 50%;pointer-events:none;animation:drawerPetalDrift 8s ease-in-out infinite}.drawer-petal:first-child{top:20%;right:10%;animation-delay:0s;width:8px;height:8px;opacity:.6}.drawer-petal:nth-child(2){top:50%;right:5%;animation-delay:2s;width:12px;height:12px;opacity:.7}.drawer-petal:nth-child(3){top:75%;right:15%;animation-delay:4s;width:6px;height:6px;opacity:.7}@keyframes drawerPetalDrift{0%{transform:translateY(0) rotate(0) translateX(0)}50%{transform:translateY(-15px) rotate(180deg) translateX(-10px)}100%{transform:translateY(0) rotate(360deg) translateX(0)}}.drawer-header{padding:24px 20px 16px;border-bottom:1px solid rgba(255,63,142,.1);position:relative;z-index:1}.drawer-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:#fff}.drawer-logo .icon{width:36px;height:36px;background:linear-gradient(135deg,#ff3f8e,#ff6fb0);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.drawer-close{position:absolute;top:20px;right:16px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.drawer-close:hover{background:rgba(255,63,142,.2);border-color:rgba(255,63,142,.4)}.drawer-nav{margin-top:8px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.drawer-nav a{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;font-size:14px;font-weight:500;color:rgba(255,255,255,.88);text-decoration:none;transition:all .25s;position:relative;overflow:hidden}.drawer-nav a .icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .25s;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.drawer-nav a:hover{background:rgba(255,63,142,.08);color:#fff}.drawer-nav a:hover .icon{background:linear-gradient(135deg,rgba(255,63,142,.2),rgba(255,111,176,.1));border-color:rgba(255,63,142,.3);box-shadow:0 0 12px rgba(255,63,142,.15)}.drawer-nav a:hover::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(180deg,#ff3f8e,#ff6fb0);border-radius:0 4px 4px 0}.drawer-nav a.active{background:rgba(255,63,142,.12);color:#fff}.drawer-nav a.active .icon{background:linear-gradient(135deg,#ff3f8e,#ff6fb0);border-color:transparent;box-shadow:0 4px 15px rgba(255,63,142,.3)}.drawer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,63,142,.15),transparent);margin:8px 16px}.drawer-footer{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:rgba(0,0,0,.2);border-top:1px solid rgba(255,63,142,.08);z-index:1}.drawer-footer .sakura-text{font-size:12px;color:rgba(255,255,255,.6);text-align:center}.drawer-footer .sakura-text span{color:#ff3f8e}.petal{position:absolute;width:14px;height:14px;background:radial-gradient(ellipse,rgba(255,255,255,.9),rgba(255,200,220,.6));border-radius:50% 0 50% 50%;pointer-events:none;z-index:1;animation:petalFall linear infinite}.petal:first-child{left:5%;animation-duration:7s;animation-delay:0s;width:12px;height:12px;opacity:.7}.petal:nth-child(2){left:15%;animation-duration:9s;animation-delay:1s;width:16px;height:16px;opacity:.8}.petal:nth-child(3){left:25%;animation-duration:6s;animation-delay:2s;width:10px;height:10px;opacity:.6}.petal:nth-child(4){left:35%;animation-duration:8s;animation-delay:.5s;width:14px;height:14px;opacity:.75}.petal:nth-child(5){left:48%;animation-duration:10s;animation-delay:3s;width:18px;height:18px;opacity:.85}.petal:nth-child(6){left:60%;animation-duration:7.5s;animation-delay:1.5s;width:11px;height:11px;opacity:.65}.petal:nth-child(7){left:72%;animation-duration:8.5s;animation-delay:4s;width:13px;height:13px;opacity:.7}.petal:nth-child(8){left:82%;animation-duration:6.5s;animation-delay:2.5s;width:15px;height:15px;opacity:.8}.petal:nth-child(9){left:90%;animation-duration:9.5s;animation-delay:.8s;width:12px;height:12px;opacity:.6}.petal:nth-child(10){left:50%;animation-duration:11s;animation-delay:3.5s;width:10px;height:10px;opacity:.55}@keyframes petalFall{0%{transform:translateY(-20px) rotate(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(400px) rotate(360deg) translateX(80px);opacity:0}}.sakura-corner{position:absolute;z-index:1;pointer-events:none}.sakura-corner.top-right{top:10px;right:10px}.sakura-corner.bottom-left{bottom:10px;left:10px;transform:rotate(180deg)}.sakura-corner svg{width:80px;height:80px;opacity:.7}.sakura-separator{display:flex;align-items:center;justify-content:center;padding:24px 0;gap:12px}.sakura-separator .line{flex:1;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--pink-bg),transparent)}.sakura-separator .flower{color:var(--pink);font-size:14px;opacity:.7}.section-title{font-size:20px;font-weight:800;color:var(--near-black);margin-bottom:20px;text-align:center}.category-tabs{padding:0 0 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.tabs-inner{display:flex;gap:8px;padding:0 16px;width:max-content;margin:0 auto;max-width:100%}.tab-pill{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;background:var(--white);color:#666;border:1.5px solid var(--pink-bg);white-space:nowrap;transition:all .25s ease;box-shadow:0 1px 3px rgba(255,63,142,.06);cursor:pointer;display:inline-flex;align-items:center;gap:5px}.tab-pill:hover{background:var(--pink-very-light);border-color:var(--pink-light);color:var(--pink);box-shadow:0 2px 8px rgba(255,63,142,.12)}.tab-pill.active{background:linear-gradient(135deg,var(--pink),var(--pink-light));color:var(--white);border-color:transparent;box-shadow:0 3px 12px rgba(255,63,142,.25)}.games-section{padding:24px 0}.games-grid{display:flex;flex-direction:column;gap:0}.grid-section{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;grid-column:1/-1}.grid-section-label{grid-column:1/-1;font-size:12px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:1px;padding:16px 0 4px;border-bottom:1px solid var(--gray-200);margin-bottom:4px}.grid-section-label:first-child{padding-top:0}.flash-sale{padding:32px 0}.flash-sale-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.flash-sale-header h2{font-size:22px;font-weight:900;color:var(--pink);display:flex;align-items:center;gap:8px}.flash-sale-header h2 i{animation:flashPulse 1s infinite}@keyframes flashPulse{0%,100%{opacity:1}50%{opacity:.3}}.countdown{display:flex;gap:6px;align-items:center}.countdown-unit{background:var(--near-black);color:var(--white);padding:6px 10px;border-radius:8px;font-size:16px;font-weight:800;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.countdown-sep{font-size:18px;font-weight:900;color:var(--near-black)}.flash-grid{display:flex;gap:12px;overflow-x:auto;padding:8px 0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.flash-grid::-webkit-scrollbar{display:none}.flash-card{flex-shrink:0;width:150px;background:var(--white);border-radius:var(--radius);padding:14px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06);position:relative;transition:all var(--transition);cursor:pointer}.flash-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.flash-card-icon{width:50px;height:50px;border-radius:10px;overflow:hidden;margin:0 auto 8px}.flash-card-icon img{width:100%;height:100%;object-fit:cover}.flash-card h4{font-size:12px;font-weight:700;margin-bottom:4px}.flash-card .old-price{font-size:11px;color:#595959;text-decoration:line-through}.flash-card .new-price{font-size:14px;color:var(--pink);font-weight:800}.discount-badge{position:absolute;top:8px;right:8px;background:#f33;color:var(--white);padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800;animation:badgePulse 2s infinite}@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,51,51,.4)}50%{box-shadow:0 0 0 8px rgba(255,51,51,0)}}.trust-bar{background:var(--white);padding:20px 0;border-top:1px solid var(--pink-bg);border-bottom:1px solid var(--pink-bg)}.trust-bar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;text-align:center}.trust-bar-item i{font-size:24px;color:var(--pink);margin-bottom:6px}.trust-bar-item h4{font-size:13px;font-weight:700}.trust-bar-item p{font-size:11px;color:#777}.trust-section{padding:40px 0}.trust-cards{display:grid;grid-template-columns:1fr;gap:16px}.trust-card{background:var(--white);border-radius:var(--radius-lg);padding:24px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all var(--transition)}.trust-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.trust-card-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:var(--pink-bg)}.trust-card-icon i{font-size:28px;color:var(--pink)}.trust-card-icon img{width:56px;height:56px;border-radius:50%;object-fit:cover}.trust-card h3{font-size:16px;font-weight:800;margin-bottom:6px}.trust-card p{font-size:13px;color:#555}.ppob-section{padding:24px 0 40px}.ppob-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ppob-card{background:var(--white);border-radius:var(--radius);padding:18px 14px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:all var(--transition);cursor:pointer}.ppob-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.ppob-card-icon{width:48px;height:48px;border-radius:12px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pink-bg),var(--pink-very-light))}.ppob-card-icon i{font-size:22px;color:var(--pink)}.ppob-card h4{font-size:13px;font-weight:700}.ppob-card p{font-size:11px;color:#777;margin-top:2px}.how-to{padding:40px 0}.steps{display:flex;flex-direction:column;gap:0;position:relative}.step{display:flex;align-items:flex-start;gap:16px;position:relative;padding-bottom:28px}.step:last-child{padding-bottom:0}.step-num{width:48px;height:48px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--pink),var(--pink-light));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;z-index:2;position:relative}.step:not(:last-child)::after{content:'';position:absolute;left:23px;top:48px;bottom:0;width:2px;background:var(--pink-bg);z-index:1}.step-content h3{font-size:16px;font-weight:700;margin-bottom:4px}.step-content p{font-size:13px;color:#555}.live-counter{padding:24px 0;text-align:center}.live-counter-box{display:inline-flex;align-items:center;gap:10px;background:var(--white);padding:14px 28px;border-radius:6px;box-shadow:var(--shadow)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);animation:livePulse 2s infinite}@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}.live-counter-text{font-size:14px;font-weight:600}.live-counter-text strong{color:var(--pink);font-variant-numeric:tabular-nums}.floating-btns{position:fixed;bottom:24px;right:20px;z-index:900;display:flex;flex-direction:column;gap:8px}.float-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:18px;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:all var(--transition)}.float-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.35)}.float-btn.chat{background:#08c}.float-btn.order{background:var(--pink)}.float-btn-label{position:absolute;right:56px;background:var(--near-black);color:var(--white);padding:4px 10px;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition);box-shadow:0 2px 8px rgba(0,0,0,.3)}.float-btn:hover .float-btn-label{opacity:1}.float-btn.ig{background:linear-gradient(135deg,#e1306c,#f77737,#fcaf45)}.float-btn.wa{background:#25d366}.game-sidebar{position:fixed;right:20px;top:220px;bottom:200px;z-index:850;display:flex;flex-direction:column;justify-content:center;gap:8px;align-items:center;padding:8px 0;background:rgba(0,0,0,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px}.game-dot{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all .2s;text-decoration:none;text-transform:uppercase;letter-spacing:-.5px;position:relative}.game-dot:hover{transform:scale(1.15);box-shadow:0 4px 16px rgba(0,0,0,.3)}.game-dot-label{position:absolute;right:52px;background:var(--near-black);color:var(--white);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.game-dot:hover .game-dot-label{opacity:1}@media (max-width:768px){.game-sidebar{position:fixed;right:12px;bottom:170px;top:auto;left:auto;transform:none;flex-direction:column;justify-content:flex-end;gap:6px;padding:6px 0;background:0 0;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.game-sidebar::-webkit-scrollbar{display:none}.game-dot{width:36px;height:36px;font-size:9px;flex-shrink:0}.game-dot-label{display:none}.floating-btns{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);flex-direction:row;gap:8px}.float-btn{width:42px;height:42px;font-size:15px}.float-btn-label{display:none}.float-btn.wa{background:#25d366}.float-btn.ig{background:linear-gradient(135deg,#e1306c,#f77737,#fcaf45)}.float-btn.chat{background:#08c}.float-btn.order{background:var(--pink)}}.mobile-sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:800;background:linear-gradient(135deg,var(--pink),var(--pink-light));padding:12px 16px;display:none;align-items:center;justify-content:space-between;box-shadow:0 -4px 20px rgba(0,0,0,.15)}.mobile-sticky-cta .cta-text{color:var(--white);font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.2)}.mobile-sticky-cta .cta-text small{display:block;font-size:11px;font-weight:500;opacity:.9}.mobile-sticky-cta .cta-btn{padding:10px 24px;border-radius:6px;background:var(--white);color:var(--pink);font-size:13px;font-weight:700}.cara-card{flex:1;min-width:180px;background:var(--white);border:1px solid var(--pink-bg);border-radius:16px;padding:28px 20px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;box-shadow:0 2px 12px rgba(255,63,142,.06);transition:transform .25s ease,box-shadow .25s ease}.cara-card::before{content:'';position:absolute;top:0;left:20%;right:20%;height:3px;background:linear-gradient(90deg,var(--pink),var(--pink-light));border-radius:0 0 4px 4px}.cara-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(255,63,142,.15)}.cara-card:hover::before{left:10%;right:10%}.cara-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--pink-light));display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--white);box-shadow:0 4px 12px rgba(255,63,142,.2)}.cara-arrow{display:flex;align-items:center;color:var(--pink);font-size:20px;opacity:.4;flex-shrink:0}@media (max-width:640px){.trust-stats [style*=grid-template-columns]{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.cara-arrow{display:none}}.faq-item.open button i{transform:rotate(180deg)}.faq-item button i{transition:transform .2s}.live-tx-section .section-title{font-size:20px}.footer{background:var(--footer-bg);color:rgba(255,255,255,.88);padding:40px 0 20px}.footer-inner{display:grid;grid-template-columns:1fr;gap:24px;text-align:center}.footer-logo img{width:150px;margin:0 auto 12px}.footer-desc{font-size:13px;line-height:1.7}.footer h4{color:var(--white);font-size:14px;font-weight:700;margin-bottom:12px}.footer-links{display:flex;flex-direction:column;gap:6px}.footer-links a{font-size:13px;transition:color var(--transition)}.footer-links a:hover{color:var(--pink-light)}.payment-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding-left:2px}.pay-badge{display:inline-flex;align-items:center;justify-content:center;width:70px;height:36px}.pay-badge img{max-height:28px;max-width:100%;width:auto;object-fit:contain}.footer-bottom{text-align:center;padding-top:20px;margin-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (min-width:480px){.grid-section{grid-template-columns:repeat(3,1fr)}.trust-bar-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){body{padding-bottom:60px}.header-logo img{height:70px}.hero{padding:40px 0 60px;min-height:280px}.hero h1{font-size:22px}.hero p{font-size:13px;padding:0 8px}.hero-cta{padding:12px 28px;font-size:14px}.product-modal{font-family:var(--font);width:98%;border-radius:16px;max-height:95vh}.modal-body{padding:16px}.modal-header{padding:16px}.modal-denom-grid{grid-template-columns:repeat(2,1fr);gap:8px}.denom-item{padding:10px 8px}.denom-amount{font-size:13px}.denom-price{font-size:12px}}@media (min-width:768px){.header-search{display:block}.header-logo img{height:95px}.grid-section{grid-template-columns:repeat(4,1fr)}.trust-cards{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:42px}.hero{padding:80px 0 100px;min-height:420px}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;text-align:left}.footer-logo img{margin:0 0 12px}.flash-card{width:170px}}@media (min-width:1024px){.grid-section{grid-template-columns:repeat(6,1fr)}.grid-section{grid-template-columns:repeat(6,1fr)}.hero h1{font-size:48px}.hero{padding:100px 0 120px;min-height:480px}.hamburger{display:none}}.bunny-loader{position:fixed;inset:0;z-index:99999;background:#0a0a0a;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}.bunny-loader.fade-out{opacity:0;visibility:hidden}.bunny-container{display:flex;flex-direction:column;align-items:center}.bunny{position:relative;animation:bunnyHop .8s ease-in-out infinite}.bunny .ear{position:absolute;width:22px;height:55px;background:#ff3f8e;border-radius:50% 50% 40% 40%;top:-45px}.bunny .ear.left{left:8px;transform:rotate(-10deg)}.bunny .ear.right{right:8px;transform:rotate(10deg)}.bunny .ear::after{content:'';position:absolute;width:10px;height:35px;background:#ffb8d6;border-radius:50%;top:10px;left:6px}.bunny .head{position:relative;width:80px;height:75px;background:#fff;border-radius:50% 50% 45% 45%;z-index:1}.bunny .eye{position:absolute;width:10px;height:12px;background:#222;border-radius:50%;top:28px;animation:blink 3s ease-in-out infinite}.bunny .eye.left{left:18px}.bunny .eye.right{right:18px}.bunny .eye::after{content:'';position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;top:2px;left:2px}.bunny .nose{position:absolute;width:10px;height:7px;background:#ff3f8e;border-radius:50%;top:42px;left:50%;transform:translateX(-50%)}.bunny .mouth{position:absolute;width:20px;height:10px;border-bottom:2px solid #a0a0a0;border-radius:0 0 50% 50%;top:48px;left:50%;transform:translateX(-50%)}.bunny .cheek{position:absolute;width:16px;height:10px;background:#ffd1e3;border-radius:50%;top:44px;opacity:.7}.bunny .cheek.left{left:4px}.bunny .cheek.right{right:4px}.bunny .body{position:relative;width:70px;height:50px;background:#fff;border-radius:50% 50% 45% 45%;margin:-5px auto 0}.bunny .paw{position:absolute;width:24px;height:18px;background:#fff;border-radius:50%;bottom:-8px;border:2px solid #eee}.bunny .paw.left{left:5px}.bunny .paw.right{right:5px}.loader-text{margin-top:30px;font-size:24px;font-weight:800;background:linear-gradient(135deg,#ff3f8e,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}.loader-dots{display:flex;gap:6px;margin-top:12px}.loader-dots span{width:8px;height:8px;background:#ff3f8e;border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes bunnyHop{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes blink{0%,100%,42%,46%{transform:scaleY(1)}44%{transform:scaleY(.1)}}@keyframes dotBounce{0%,100%,80%{transform:translateY(0);opacity:.6}40%{transform:translateY(-10px);opacity:1}}.product-modal-overlay{visibility:hidden;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.product-modal-overlay.active{display:flex;opacity:1;visibility:visible}.product-modal{font-family:var(--font);background:var(--pink-very-light);border-radius:20px;width:95%;max-width:500px;max-height:92vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(255,63,142,.25);animation:modalSlideUp .35s ease}@keyframes modalSlideUp{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.product-modal::-webkit-scrollbar{width:4px}.product-modal::-webkit-scrollbar-thumb{background:#ff3f8e;border-radius:10px}.modal-header{display:flex;align-items:center;gap:14px;padding:20px 20px 16px;border-bottom:1px solid var(--pink-bg)}.modal-header-icon{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0;border:2px solid var(--pink-bg)}.modal-header-icon img{width:100%;height:100%;object-fit:cover}.modal-header-info h3{color:var(--near-black);font-size:17px;font-weight:700}.modal-header-info span{color:var(--pink);font-size:12px;font-weight:600;background:var(--pink-bg);padding:2px 10px;border-radius:20px}.modal-close{position:absolute;top:14px;right:16px;background:var(--pink-bg);border:none;color:var(--near-black);width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.modal-close:hover{background:#ff3f8e;color:#fff;transform:rotate(90deg)}.modal-body{padding:20px}.modal-label{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.modal-userid-input{width:100%;padding:13px 16px;border-radius:12px;border:2px solid var(--pink-bg);background:var(--white);color:var(--near-black);font-size:14px;font-family:var(--font);transition:.2s;margin-bottom:20px}.modal-userid-input:focus{outline:0;border-color:#ff3f8e;box-shadow:0 0 0 3px rgba(255,63,142,.15)}.modal-userid-input::placeholder{color:var(--gray-400)}.modal-denom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.denom-item{background:var(--white);border:2px solid var(--pink-bg);border-radius:12px;padding:14px 12px;cursor:pointer;text-align:center;transition:.2s;position:relative;overflow:hidden}.denom-item:hover{border-color:var(--pink);background:var(--pink-very-light)}.denom-item.selected{border-color:var(--pink);background:var(--pink-bg)}.denom-item.selected::after{content:'✓';position:absolute;top:6px;right:8px;font-size:11px;color:var(--pink);font-weight:700}.denom-amount{font-size:15px;font-weight:700;color:var(--near-black);margin-bottom:4px}.denom-price{font-size:13px;font-weight:600;color:var(--pink)}.modal-qty-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-qty-controls{display:flex;align-items:center;gap:0;background:var(--white);border-radius:12px;overflow:hidden;border:2px solid var(--pink-bg)}.qty-btn{width:42px;height:42px;border:none;background:0 0;color:var(--near-black);font-size:18px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:var(--pink-bg);color:var(--pink)}.qty-value{width:48px;text-align:center;font-size:16px;font-weight:700;color:var(--near-black);border-left:1px solid var(--pink-bg);border-right:1px solid var(--pink-bg);padding:8px 0}.modal-total{display:flex;align-items:center;justify-content:space-between;background:var(--white);border-radius:14px;padding:16px 18px;margin-bottom:18px;border:1px solid var(--pink-bg)}.modal-total-label{font-size:13px;color:var(--gray-500);font-weight:500}.modal-total-amount{font-size:22px;font-weight:800;color:var(--pink)}.modal-cta{width:100%;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,#ff3f8e,#ff6fb0);color:#fff;font-size:16px;font-weight:700;font-family:var(--font);cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px rgba(255,63,142,.4)}.modal-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,63,142,.5)}.modal-cta:active{transform:translateY(0)}.modal-pay-section{margin-bottom:18px}.modal-pay-grid{display:flex;gap:8px;flex-wrap:wrap}.modal-pay-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:2px solid var(--pink-bg);background:var(--white);cursor:pointer;transition:.2s;font-size:12px;color:var(--gray-500)}.modal-pay-chip:hover{border-color:var(--pink)}.modal-pay-chip.selected{border-color:#ff3f8e;color:#ff3f8e}.modal-pay-chip i{font-size:14px}.testimonials-carousel-wrap{position:relative;overflow:hidden;padding:0 0 40px}.testimonials-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.testimonials-track .testi-card{overflow:hidden;width:100%;flex-shrink:0;min-width:100%;box-sizing:border-box;background:var(--white);border:1px solid var(--pink-bg);border-radius:12px;padding:24px}@media (min-width:768px){.testimonials-track .testi-card{overflow:hidden;width:100%;min-width:calc(33.333% - 14px)}}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.carousel-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,63,142,.25);cursor:pointer;transition:.3s;border:none}.carousel-dot.active{background:#ff3f8e;width:28px;border-radius:5px}.testimonials-carousel-wrap .testimonials-grid{display:none!important}.hero-buttons-overlay{position:absolute;z-index:20;display:flex;align-items:center;gap:20px;pointer-events:none}.hero-btn-primary,.hero-btn-secondary{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-family:Poppins,var(--font);text-decoration:none;transition:all .2s ease;cursor:pointer;white-space:nowrap;padding:0}.hero-btn-primary{background:linear-gradient(135deg,#f45d6e,#e84368);color:#fff;border:none;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:32px}.hero-btn-primary:hover{background:#d93d65;transform:translateY(-3px);box-shadow:0 6px 16px rgba(232,67,104,.35)}.hero-btn-secondary{background:#fff;color:#ff6b81;border:2px solid #f2a7b8;border-radius:32px}.hero-btn-secondary:hover{background:rgba(242,69,115,.05);transform:translateY(-3px);box-shadow:0 6px 16px rgba(232,67,104,.2)}.hero-banner-box{position:relative;width:100%;aspect-ratio:1672/941;background:url('/assets/hero-banner.webp') center/contain no-repeat;border-radius:var(--radius-lg,12px)}.hero-banner-box .hero-btn-admin,.hero-banner-box .hero-btn-topup{position:absolute;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Poppins,sans-serif;text-decoration:none;transition:all .2s ease;cursor:pointer;white-space:nowrap;border:none;font-size:clamp(13px, 1.316vw, 22px)}.hero-banner-box .hero-btn-topup{left:8.2%;top:71.3%;width:20.5%;height:9.4%;background:#f24573;color:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(242,69,115,.25)}.hero-banner-box .hero-btn-topup:hover{background:#d93d65;transform:translateY(-3px);box-shadow:0 6px 16px rgba(232,67,104,.35)}.hero-banner-box .hero-btn-admin{left:29.58%;top:71.3%;width:19.2%;height:9.4%;background:#fff;color:#f24573;border:2px solid #f24573;border-radius:10px;box-shadow:0 2px 8px rgba(242,69,115,.15)}.hero-banner-box .hero-btn-admin:hover{background:#fff;transform:translateY(-3px);box-shadow:0 6px 16px rgba(232,67,104,.2)}@media (max-width:768px){.hero-banner-box .hero-btn-admin,.hero-banner-box .hero-btn-topup{font-size:clamp(7.5px, 1.1vw, 9.5px);padding:0 3px;white-space:normal;word-break:break-word;text-align:center;line-height:1.2}}.sakura-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:10;border-radius:var(--radius-lg,12px)}.sakura-petal{position:absolute;top:-30px;background:radial-gradient(ellipse at 30% 30%,#ffb7c5,#ff8fa3);border-radius:50% 0 50% 0;pointer-events:none;will-change:transform,opacity;animation-name:sakuraFall;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes sakuraFall{0%{transform:translateY(0) rotate(0) translateX(0);opacity:0}5%{opacity:1}25%{transform:translateY(25vh) rotate(90deg) translateX(30px)}50%{transform:translateY(50vh) rotate(180deg) translateX(-20px);opacity:.8}75%{transform:translateY(75vh) rotate(270deg) translateX(35px)}95%{opacity:.6}100%{transform:translateY(100vh) rotate(360deg) translateX(-15px);opacity:0}}.mobile-search-wrap{display:block}.search-dropdown.active{display:block}.genre-section+.genre-section::before{content:'';display:block;width:100%;height:2px;background:linear-gradient(90deg,transparent 0,var(--pink-bg) 20%,var(--pink-light) 50%,var(--pink-bg) 80%,transparent 100%);margin:8px 0 0;position:relative}.genre-section+.genre-section::after{content:'';display:block;width:28px;height:28px;margin:-14px auto 0;position:relative;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cg transform='translate(14,14)'%3E%3Ccircle cx='0' cy='0' r='5' fill='%23FF9EC4'/%3E%3Ccircle cx='-4' cy='-5' r='3.5' fill='%23FFB7D5'/%3E%3Ccircle cx='5' cy='-3' r='3' fill='%23FFD4E8'/%3E%3Ccircle cx='-2' cy='5' r='3.5' fill='%23FFD4E8'/%3E%3Ccircle cx='5' cy='4' r='3' fill='%23FFB7D5'/%3E%3Ccircle cx='0' cy='0' r='2' fill='%23FFEDF5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.genre-section-title::before{content:'';display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg transform='translate(10,10)'%3E%3Ccircle cx='0' cy='0' r='4' fill='%23FF9EC4'/%3E%3Ccircle cx='-3' cy='-4' r='2.8' fill='%23FFB7D5'/%3E%3Ccircle cx='4' cy='-2' r='2.5' fill='%23FFD4E8'/%3E%3Ccircle cx='-2' cy='4' r='2.8' fill='%23FFD4E8'/%3E%3Ccircle cx='4' cy='3' r='2.5' fill='%23FFB7D5'/%3E%3Ccircle cx='0' cy='0' r='1.5' fill='%23FFEDF5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.sakura-footer{position:fixed;bottom:-10px;left:-10px;width:180px;height:180px;pointer-events:none;z-index:50;opacity:.7;transform:scaleX(-1) rotate(180deg)}@media (max-width:768px){.sakura-footer{width:110px;height:110px;opacity:.5}}.sakura-corner{position:fixed;top:-10px;right:-10px;width:220px;height:220px;pointer-events:none;z-index:50;opacity:.85}.sakura-petals{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:45;overflow:hidden}.sakura-petal{position:absolute;top:-30px;width:14px;height:14px;background:radial-gradient(ellipse at 30% 30%,#ffb7d5,#ff6fa0);border-radius:50% 0 50% 50%;opacity:.7;animation:sakuraFall linear infinite}.sakura-petal:first-child{left:5%;animation-duration:12s;animation-delay:0s;width:12px;height:12px;opacity:.5}.sakura-petal:nth-child(2){left:15%;animation-duration:15s;animation-delay:2s;width:16px;height:16px;opacity:.6}.sakura-petal:nth-child(3){left:28%;animation-duration:10s;animation-delay:4s;width:10px;height:10px;opacity:.45}.sakura-petal:nth-child(4){left:40%;animation-duration:14s;animation-delay:1s;width:14px;height:14px;opacity:.55}.sakura-petal:nth-child(5){left:55%;animation-duration:11s;animation-delay:3s;width:13px;height:13px;opacity:.5}.sakura-petal:nth-child(6){left:68%;animation-duration:16s;animation-delay:5s;width:15px;height:15px;opacity:.6}.sakura-petal:nth-child(7){left:78%;animation-duration:13s;animation-delay:.5s;width:11px;height:11px;opacity:.4}.sakura-petal:nth-child(8){left:88%;animation-duration:12s;animation-delay:2.5s;width:14px;height:14px;opacity:.55}.sakura-petal:nth-child(9){left:35%;animation-duration:17s;animation-delay:6s;width:12px;height:12px;opacity:.35}.sakura-petal:nth-child(10){left:92%;animation-duration:14s;animation-delay:1.5s;width:10px;height:10px;opacity:.5}@keyframes sakuraFall{0%{top:-30px;transform:rotate(0) translateX(0);opacity:0}10%{opacity:.7}90%{opacity:.5}100%{top:105vh;transform:rotate(720deg) translateX(80px);opacity:0}}@media (max-width:768px){.sakura-corner{width:140px;height:140px;opacity:.6}.sakura-petal{width:10px!important;height:10px!important}}.lightning-bg{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.lightning-bolt{position:absolute;opacity:0;filter:drop-shadow(0 0 8px rgba(255,63,142,.6)) drop-shadow(0 0 20px rgba(255,63,142,.3))}.lightning-bolt svg{width:100%;height:100%}.lightning-bolt.flash{animation:lightningFlash 4s ease-in-out infinite}.lightning-bolt.flash-delay-1{animation-delay:1.3s}.lightning-bolt.flash-delay-2{animation-delay:2.7s}.lightning-bolt.flash-delay-3{animation-delay:.8s}.lightning-bolt.flash-delay-4{animation-delay:3.5s}@keyframes lightningFlash{0%,100%{opacity:0}5%{opacity:.9}7%{opacity:.2}9%{opacity:.8}11%{opacity:0}12%{opacity:.7}14%{opacity:0}}.lightning-bolt.top-left{top:-20px;left:-30px;width:180px;height:280px;transform:rotate(-15deg)}.lightning-bolt.top-right{top:-10px;right:-20px;width:160px;height:250px;transform:rotate(20deg) scaleX(-1)}.lightning-bolt.bottom-right{bottom:40px;right:-10px;width:140px;height:220px;transform:rotate(10deg)}.lightning-bolt.mid-left{top:40%;left:-20px;width:100px;height:160px;transform:rotate(-25deg);opacity:.4}.lightning-bolt.small-accent{top:25%;right:10%;width:60px;height:100px;transform:rotate(35deg)}