@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@700&family=Noto+Nastaliq+Urdu:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Nunito:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Poppins:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Pacifico&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--t-bg1: #2d0018;--t-bg2: #4a0028;--t-accent1: #f03fa0;--t-accent2: #ff77be;--t-accent3: #ffd580;--t-glow: rgba(240,63,160,.55);--t-glass: rgba(180,20,100,.12);--t-border: rgba(255,140,200,.28);--t-nav-bg: linear-gradient(155deg,rgba(120,5,65,.97) 0%,rgba(160,10,90,.95) 100%);--t-drawer-item: rgba(255,255,255,.07);--t-topline: linear-gradient(90deg,transparent,#ffaad9,#f03fa0,#ffd580,#f03fa0,#ffaad9,transparent);--text-bright: #fff;--text-soft: rgba(255,235,248,.85);--text-muted: rgba(255,210,235,.5);--ease-bounce: cubic-bezier(.34,1.56,.64,1);--ease-smooth: cubic-bezier(.4,0,.2,1);--hpad: clamp(1rem,4vw,3rem);--header-h: clamp(60px,9vw,76px)}.hf-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9990;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-smooth)}.hf-overlay.active{display:block;opacity:1;pointer-events:auto}.hf-header{position:fixed;top:0;left:0;right:0;z-index:9999;background:color-mix(in srgb,var(--t-bg1) 40%,transparent);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-bottom:1px solid var(--t-border);transition:background .4s,box-shadow .4s,border-color .4s}.hf-header.scrolled{background:color-mix(in srgb,var(--t-bg2) 60%,transparent);box-shadow:0 4px 40px var(--t-glow),0 1px 0 var(--t-border)}.hf-topline{position:absolute;top:0;left:0;right:0;height:2.5px;background:var(--t-topline);background-size:200% auto;animation:shimmerLine 3.5s ease-in-out infinite}@keyframes shimmerLine{0%{background-position:200% center}to{background-position:-200% center}}.hf-container{max-width:1440px;margin:0 auto;padding:0 var(--hpad);height:var(--header-h);display:flex;align-items:center;gap:clamp(.5rem,1.5vw,1.5rem)}.hf-logo{display:flex;align-items:center;gap:clamp(.45rem,1.2vw,.85rem);text-decoration:none;flex-shrink:0}.hf-logo-img-wrap{position:relative;width:clamp(36px,5.5vw,50px);height:clamp(36px,5.5vw,50px);flex-shrink:0;border-radius:50%;overflow:hidden;border:2px solid var(--t-accent2);box-shadow:0 0 14px var(--t-glow);transition:transform .4s var(--ease-bounce),box-shadow .3s;animation:logoGlow 2.8s ease-in-out infinite}@keyframes logoGlow{0%,to{box-shadow:0 0 10px var(--t-glow)}50%{box-shadow:0 0 24px var(--t-glow),0 0 40px color-mix(in srgb,var(--t-glow) 40%,transparent)}}.hf-logo:hover .hf-logo-img-wrap{transform:scale(1.1) rotate(-6deg)}.hf-logo-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.hf-logo-text{display:flex;flex-direction:column;gap:1px;min-width:0}.hf-logo-name{font-family:Nunito,sans-serif;font-weight:900;font-size:clamp(.92rem,2.2vw,1.3rem);line-height:1.15;background:linear-gradient(110deg,#fff 0%,var(--t-accent2) 40%,var(--t-accent3) 65%,var(--t-accent2) 85%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:nameShimmer 3.5s ease-in-out infinite;white-space:nowrap}@keyframes nameShimmer{0%,to{background-position:0% center}50%{background-position:100% center}}.hf-logo-sub{font-family:Nunito,sans-serif;font-weight:600;font-size:clamp(.44rem,.85vw,.6rem);color:var(--text-muted);letter-spacing:clamp(1.5px,.5vw,3px);text-transform:uppercase;white-space:nowrap}.hf-nav{flex:1;display:flex;justify-content:center}.hf-menu{display:flex;align-items:center;list-style:none;gap:clamp(.05rem,.25vw,.15rem);flex-wrap:nowrap}.hf-drawer-bar,.hf-drawer-themes{display:none}.hf-link{display:flex;align-items:center;gap:.32rem;font-family:Nunito,sans-serif;font-weight:700;font-size:clamp(.68rem,1.15vw,.85rem);color:var(--text-soft);text-decoration:none;padding:clamp(.28rem,.55vw,.44rem) clamp(.38rem,.8vw,.72rem);border-radius:50px;white-space:nowrap;transition:color .25s,background .25s;position:relative}.hf-link-emoji{font-size:.88em;transition:transform .3s var(--ease-bounce)}.hf-link:hover .hf-link-emoji{transform:scale(1.3) rotate(-10deg)}.hf-link:hover{color:var(--text-bright);background:color-mix(in srgb,var(--t-accent1) 15%,transparent)}.hf-link.active{color:var(--t-accent2);background:color-mix(in srgb,var(--t-accent1) 18%,transparent)}.hf-link.active:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:14px;height:2px;border-radius:2px;background:var(--t-accent1)}.hf-love-icon{font-size:1.1em!important;animation:loveGlow 2.4s ease-in-out infinite}@keyframes loveGlow{0%,to{filter:drop-shadow(0 0 4px var(--t-glow))}50%{filter:drop-shadow(0 0 12px var(--t-glow))}}.hf-dropdown-wrap{position:relative}.hf-link-row{display:flex;align-items:center;border-radius:50px;transition:background .25s}.hf-link-row:hover{background:color-mix(in srgb,var(--t-accent1) 12%,transparent)}.hf-link-row .hf-link{background:transparent!important;border-radius:0;padding-right:.06rem}.hf-chevron{background:none;border:none;cursor:pointer;padding:.34rem .45rem .34rem .08rem;display:flex;align-items:center;color:var(--text-muted);transition:color .25s}.hf-chevron:hover{color:var(--t-accent2)}.hf-chev-svg{width:11px;height:11px;transition:transform .3s var(--ease-smooth)}.hf-chev-svg.open{transform:rotate(180deg)}.hf-dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px);list-style:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s var(--ease-bounce),visibility .25s;z-index:1000;min-width:200px}.hf-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.hf-dropdown-inner{background:color-mix(in srgb,var(--t-bg2) 85%,transparent);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--t-border);border-radius:16px;padding:.5rem;box-shadow:0 20px 55px color-mix(in srgb,var(--t-bg1) 80%,transparent),0 0 0 1px color-mix(in srgb,var(--t-accent1) 8%,transparent) inset}.hf-drop-link{display:flex;align-items:center;gap:.6rem;font-family:Nunito,sans-serif;font-weight:700;font-size:clamp(.72rem,1.05vw,.82rem);color:var(--text-soft);text-decoration:none;padding:.55rem .95rem;border-radius:10px;white-space:nowrap;transition:background .2s,color .2s,padding-left .22s}.hf-drop-emoji{font-size:1rem;flex-shrink:0;transition:transform .3s var(--ease-bounce)}.hf-drop-link:hover{background:color-mix(in srgb,var(--t-accent1) 18%,transparent);color:var(--text-bright);padding-left:1.25rem}.hf-drop-link:hover .hf-drop-emoji{transform:scale(1.3)}.hf-actions{display:flex;align-items:center;gap:clamp(.35rem,.8vw,.7rem);flex-shrink:0}.hf-theme-wrap{position:relative}.hf-theme-btn{display:flex;align-items:center;gap:.2rem;background:color-mix(in srgb,var(--t-accent1) 12%,transparent);border:1.5px solid var(--t-border);border-radius:50px;padding:.38rem .7rem;cursor:pointer;color:var(--text-soft);font-size:1rem;transition:background .3s,border-color .3s,transform .3s var(--ease-bounce)}.hf-theme-btn:hover{background:color-mix(in srgb,var(--t-accent1) 22%,transparent);border-color:var(--t-accent1);transform:scale(1.06)}.hf-theme-btn-emoji{font-size:1rem;line-height:1}.hf-theme-panel{position:absolute;top:calc(100% + 10px);right:0;background:color-mix(in srgb,var(--t-bg2) 90%,transparent);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--t-border);border-radius:16px;padding:.55rem;min-width:180px;box-shadow:0 20px 50px color-mix(in srgb,var(--t-bg1) 80%,transparent);animation:panelDrop .25s var(--ease-bounce);z-index:2000}@keyframes panelDrop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.hf-theme-panel-title{font-family:Nunito,sans-serif;font-size:.68rem;font-weight:800;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;padding:.2rem .7rem .6rem}.hf-theme-option{display:flex;align-items:center;gap:.65rem;width:100%;background:none;border:none;cursor:pointer;font-family:Nunito,sans-serif;font-weight:700;font-size:.82rem;color:var(--text-soft);border-radius:10px;padding:.5rem .7rem;transition:background .2s,color .2s;position:relative}.hf-theme-option:hover{background:color-mix(in srgb,var(--dot-color,var(--t-accent1)) 15%,transparent);color:var(--text-bright)}.hf-theme-option.active{background:color-mix(in srgb,var(--dot-color,var(--t-accent1)) 20%,transparent);color:var(--text-bright)}.hf-theme-option-emoji{font-size:1rem}.hf-theme-option-name{flex:1}.hf-theme-check{color:var(--dot-color,var(--t-accent1));font-weight:900;font-size:.85rem}.hf-songs-btn{width:clamp(38px,6vw,46px);height:clamp(38px,6vw,46px);border-radius:50%;background:color-mix(in srgb,var(--t-accent1) 10%,transparent);border:1.5px solid var(--t-border);display:flex;align-items:center;justify-content:center;font-size:clamp(.95rem,1.7vw,1.1rem);cursor:pointer;flex-shrink:0;transition:background .3s,border-color .3s,transform .3s var(--ease-bounce),box-shadow .3s}.hf-songs-btn:hover{background:color-mix(in srgb,var(--t-accent1) 20%,transparent);border-color:var(--t-accent1);transform:scale(1.1) rotate(-8deg);box-shadow:0 4px 18px var(--t-glow)}.hf-birthday-btn{display:flex;align-items:center;gap:.4rem;font-family:Nunito,sans-serif;font-weight:700;font-size:clamp(.68rem,1.05vw,.84rem);color:var(--text-soft);background:color-mix(in srgb,var(--t-accent1) 12%,transparent);border:1.5px solid var(--t-border);border-radius:50px;padding:clamp(.4rem,.8vw,.55rem) clamp(.75rem,1.4vw,1.2rem);cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .3s,border-color .3s,transform .3s var(--ease-bounce),box-shadow .3s,color .3s}.hf-birthday-btn:hover{background:color-mix(in srgb,var(--t-accent1) 25%,transparent);border-color:var(--t-accent1);color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 6px 22px var(--t-glow)}.hf-bday-icon{font-size:clamp(.9rem,1.6vw,1.05rem)}.hf-ham{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--t-accent1) 10%,transparent);border:1.5px solid var(--t-border);cursor:pointer;flex-shrink:0;transition:background .3s,border-color .3s}.hf-ham:hover{background:color-mix(in srgb,var(--t-accent1) 20%,transparent);border-color:var(--t-accent1)}.hf-ham span{width:18px;height:2px;background:var(--text-soft);border-radius:2px;display:block;transform-origin:center;transition:transform .38s var(--ease-smooth),opacity .3s,width .3s}.hf-ham.open span{background:var(--t-accent2)}.hf-ham.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hf-ham.open span:nth-child(2){opacity:0;width:0}.hf-ham.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hf-mobile-btns,.hf-love-quote{display:none}@media (max-width:960px){.hf-ham{display:flex}.hf-container{justify-content:space-between}.hf-theme-wrap{display:none}.hf-nav{position:fixed!important;top:0;right:-100%;width:min(340px,88vw);height:100dvh;background:var(--t-nav-bg);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border-left:1px solid var(--t-border);box-shadow:-24px 0 80px color-mix(in srgb,var(--t-bg1) 80%,transparent);z-index:9998;display:flex!important;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:right .42s cubic-bezier(.77,0,.175,1);justify-content:flex-start}.hf-nav.open{right:0}.hf-drawer-bar{display:flex!important;align-items:center;justify-content:space-between;padding:clamp(.9rem,3vw,1.2rem) clamp(1rem,4vw,1.4rem);border-bottom:1px solid color-mix(in srgb,var(--t-border) 60%,transparent);flex-shrink:0;background:color-mix(in srgb,var(--t-accent1) 8%,transparent)}.hf-drawer-bar-left{display:flex;align-items:center;gap:.6rem}.hf-drawer-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--t-accent1);box-shadow:0 0 8px var(--t-glow);animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}.hf-drawer-title{font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(.9rem,2.5vw,1.05rem);background:linear-gradient(110deg,#fff,var(--t-accent2),var(--t-accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hf-drawer-close{width:34px;height:34px;background:color-mix(in srgb,var(--t-accent1) 12%,transparent);border:1px solid var(--t-border);border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .25s,border-color .25s,background .25s,transform .3s var(--ease-bounce);flex-shrink:0}.hf-drawer-close:hover{color:var(--t-accent2);border-color:var(--t-accent1);background:color-mix(in srgb,var(--t-accent1) 20%,transparent);transform:rotate(90deg)}.hf-drawer-themes{display:flex!important;align-items:center;justify-content:space-between;padding:.65rem clamp(.85rem,3vw,1.15rem);border-bottom:1px solid color-mix(in srgb,var(--t-border) 40%,transparent);flex-shrink:0;background:color-mix(in srgb,var(--t-accent1) 5%,transparent)}.hf-drawer-themes-label{font-family:Nunito,sans-serif;font-weight:800;font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.hf-drawer-theme-dots{display:flex;gap:.4rem;align-items:center}.hf-theme-dot{width:30px;height:30px;border-radius:50%;border:2px solid transparent;background:color-mix(in srgb,var(--dot-color,#fff) 15%,rgba(255,255,255,.06));display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:transform .3s var(--ease-bounce),border-color .25s,box-shadow .25s}.hf-theme-dot:hover{transform:scale(1.2)}.hf-theme-dot.active{border-color:var(--dot-color,var(--t-accent1));box-shadow:0 0 10px var(--dot-color,var(--t-glow));transform:scale(1.15)}.hf-menu{flex-direction:column;align-items:stretch;width:100%;padding:clamp(.55rem,2vw,.8rem) clamp(.85rem,3vw,1.1rem) clamp(.7rem,2vw,1rem);gap:.22rem;flex:1}.hf-menu>li{width:100%}.hf-link{width:100%;font-family:Nunito,sans-serif!important;font-size:clamp(.88rem,2.7vw,1rem)!important;border-radius:14px!important;padding:clamp(.7rem,2vw,.88rem) clamp(.9rem,3vw,1.15rem)!important;background:var(--t-drawer-item)!important;border:1px solid color-mix(in srgb,var(--t-border) 50%,transparent)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;color:#ffffffe0!important;transition:background .22s,border-color .22s,transform .22s var(--ease-bounce)!important}.hf-link:hover{background:color-mix(in srgb,var(--t-accent1) 22%,rgba(255,255,255,.08))!important;border-color:color-mix(in srgb,var(--t-accent1) 50%,transparent)!important;color:#fff!important;transform:translate(4px)!important}.hf-link.active{background:color-mix(in srgb,var(--t-accent1) 25%,rgba(255,255,255,.05))!important;border-color:color-mix(in srgb,var(--t-accent1) 60%,transparent)!important;color:var(--t-accent2)!important}.hf-link.active:after{display:none}.hf-dropdown-wrap{width:100%}.hf-link-row{width:100%;border-radius:14px!important;justify-content:space-between;background:var(--t-drawer-item)!important;border:1px solid color-mix(in srgb,var(--t-border) 50%,transparent)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;transition:background .22s,border-color .22s!important}.hf-link-row:hover{background:color-mix(in srgb,var(--t-accent1) 18%,rgba(255,255,255,.07))!important;border-color:color-mix(in srgb,var(--t-accent1) 40%,transparent)!important}.hf-link-row .hf-link{background:transparent!important;border:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;transform:none!important;flex:1}.hf-chevron{background:transparent!important;border:none!important;color:#ffffff8c!important;padding-right:.75rem!important}.hf-dropdown{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;min-width:unset;max-height:0;overflow:hidden;transition:max-height .4s var(--ease-smooth)}.hf-dropdown.open{max-height:320px}.hf-dropdown-inner{background:color-mix(in srgb,var(--t-accent1) 8%,rgba(0,0,0,.15))!important;border:1px solid color-mix(in srgb,var(--t-border) 40%,transparent)!important;border-radius:12px!important;margin:.25rem 0 .25rem 1rem!important;width:calc(100% - 1rem)!important;box-shadow:none!important;padding:.35rem!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hf-drop-link{font-size:clamp(.84rem,2.4vw,.94rem)!important;padding:clamp(.58rem,1.8vw,.7rem) 1rem!important;border-radius:9px!important;color:#ffffffc7!important;background:transparent!important;border-bottom:1px solid color-mix(in srgb,var(--t-border) 25%,transparent)!important}.hf-drop-link:last-child{border-bottom:none!important}.hf-drop-link:hover{background:color-mix(in srgb,var(--t-accent1) 20%,transparent)!important;color:#fff!important;padding-left:1.3rem!important}.hf-drop-emoji{font-size:1.1rem!important;min-width:1.4rem}.hf-bday-text{display:none}.hf-birthday-btn{border-radius:50%;padding:0;width:clamp(38px,8.5vw,44px);height:clamp(38px,8.5vw,44px);justify-content:center}.hf-mobile-btns{display:flex;flex-direction:column;gap:.5rem;padding:0 clamp(.85rem,3vw,1.1rem) clamp(.9rem,3vw,1.3rem);flex-shrink:0}.hf-mobile-action-btn{width:100%;font-family:Nunito,sans-serif;font-weight:700;font-size:clamp(.84rem,2.5vw,.96rem);color:#fff;background:color-mix(in srgb,var(--t-accent1) 30%,rgba(0,0,0,.2));border:1px solid var(--t-border);border-radius:50px;padding:clamp(.68rem,2.2vw,.85rem) 1.4rem;cursor:pointer;transition:transform .3s var(--ease-bounce),box-shadow .3s,background .3s;box-shadow:0 4px 16px color-mix(in srgb,var(--t-glow) 60%,transparent)}.hf-mobile-action-btn.secondary{background:var(--t-drawer-item)!important;border:1px solid color-mix(in srgb,var(--t-border) 50%,transparent)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none!important}.hf-mobile-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px var(--t-glow)}.hf-love-quote{display:block;font-family:Nunito,sans-serif;font-weight:800;font-size:clamp(.82rem,2.5vw,.96rem);text-align:center;letter-spacing:.5px;padding:.4rem 1rem 1.2rem;margin-top:.2rem;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,var(--t-accent2),var(--t-accent3),var(--t-accent1),var(--t-accent3),var(--t-accent2));background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:loveShimmer 3.5s linear infinite}@keyframes loveShimmer{0%{background-position:0% center}to{background-position:250% center}}}@media (min-width:961px){.hf-drawer-bar,.hf-drawer-themes,.hf-mobile-btns{display:none!important}}@media (max-width:400px){.hf-logo-sub{display:none}.hf-logo-name{font-size:clamp(.85rem,4.5vw,1.05rem)}.hf-nav{width:min(295px,93vw)}}@media (max-width:320px){.hf-container{padding:0 .75rem}}.main-footer{background:#400d4a;position:relative;overflow:hidden;width:100%}.main-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#EC62BD 30%,#ffd166 55%,#EC62BD 80%,transparent 100%)}.main-footer:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;width:clamp(250px,38vw,500px);height:clamp(250px,38vw,500px);background:radial-gradient(circle,rgba(236,98,189,.1) 0%,transparent 70%);top:-80px;left:-80px}.footer-glow-r{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;width:clamp(200px,30vw,420px);height:clamp(200px,30vw,420px);background:radial-gradient(circle,rgba(255,209,102,.06) 0%,transparent 70%);bottom:-60px;right:-60px}.footer-inner{max-width:1440px;margin:0 auto;padding:clamp(2.8rem,6vw,5rem) clamp(.85rem,4vw,2.8rem) 0;position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(1.8rem,4vw,4rem);padding-bottom:clamp(2rem,4vw,3.5rem)}.footer-col-1{display:flex;flex-direction:column;gap:clamp(1.2rem,2.5vw,1.8rem)}.footer-logo-link{display:inline-flex;align-items:center;gap:clamp(.45rem,1.2vw,.85rem);text-decoration:none;width:fit-content}.footer-logo-mark{width:clamp(38px,5.5vw,50px);height:clamp(38px,5.5vw,50px);border-radius:50%;background:linear-gradient(135deg,#b8449a,#ec62bd);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;animation:logoGlow 2.4s ease-in-out infinite;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.footer-logo-mark:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,#EC62BD 35%,#ffd166 55%,#EC62BD 75%,transparent 100%);animation:ringRotate 4s linear infinite;opacity:.6}.footer-logo-mark:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:linear-gradient(135deg,#b8449a,#ec62bd)}@keyframes logoGlow{0%,to{box-shadow:0 0 10px #ec62bd,0 0 22px #ec62bd80,0 0 40px #ec62bd38}50%{box-shadow:0 0 18px #ec62bd,0 0 38px #ec62bdb8,0 0 65px #ec62bd61}}.footer-logo-link:hover .footer-logo-mark{transform:scale(1.1) rotate(-8deg)}.footer-logo-initials{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(.58rem,1.3vw,.72rem);color:#fff;position:relative;z-index:1;text-shadow:0 0 8px rgba(255,255,255,.6)}.footer-logo-wordmark{display:flex;flex-direction:column;gap:2px}.footer-logo-name{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(.9rem,1.9vw,1.2rem);line-height:1.1;background:linear-gradient(120deg,#f48dd4,#ffd166 60%,#f48dd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;background-size:200% auto;animation:textShimmer 3s ease-in-out infinite}@keyframes textShimmer{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.footer-logo-tagline{font-family:Poppins,sans-serif;font-weight:400;font-size:clamp(.46rem,.85vw,.6rem);color:#fff0fa6b;letter-spacing:clamp(1.5px,.4vw,2.8px);text-transform:uppercase}.footer-quote{font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(.78rem,1.4vw,.92rem);color:#fff0fab8;line-height:1.7;padding:clamp(.7rem,1.5vw,1rem) clamp(.8rem,1.8vw,1.1rem);background:#ec62bd12;border:1px solid rgba(236,98,189,.18);border-left:3px solid #EC62BD;border-radius:10px}.footer-quote .quote-emoji{font-size:.9em}.footer-dates{display:flex;flex-direction:column;gap:clamp(.55rem,1.2vw,.8rem)}.dates-title{font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(.78rem,1.4vw,.9rem);color:#ec62bd;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.2rem}.date-item{display:flex;align-items:flex-start;gap:.55rem;font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(.74rem,1.25vw,.86rem);color:#fff0fab8;line-height:1.4}.date-emoji{flex-shrink:0;font-size:.9em;margin-top:1px}.date-label{color:#fff0fa6b}.date-val{color:#fff0fa}.footer-hearts-section{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.2rem)}.footer-heart-glow{font-size:clamp(1.8rem,4vw,2.5rem);filter:drop-shadow(0 0 12px rgba(236,98,189,.6));animation:heartGlowPulse 2s ease-in-out infinite;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.footer-heart-glow:hover{transform:scale(1.2) rotate(-10deg)}.footer-heart-glow:nth-child(1){animation-delay:0s}.footer-heart-glow:nth-child(2){animation-delay:.3s}@keyframes heartGlowPulse{0%,to{filter:drop-shadow(0 0 8px rgba(236,98,189,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(236,98,189,.9)) drop-shadow(0 0 30px rgba(236,98,189,.6));transform:scale(1.1)}}.footer-flower-glow{font-size:clamp(1.8rem,4vw,2.5rem);filter:drop-shadow(0 0 12px rgba(255,182,193,.6));animation:flowerGlowPulse 2.5s ease-in-out infinite;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.footer-flower-glow:hover{transform:scale(1.2) rotate(15deg)}@keyframes flowerGlowPulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,182,193,.4));transform:scale(1) rotate(0)}50%{filter:drop-shadow(0 0 20px rgba(255,182,193,.9)) drop-shadow(0 0 30px rgba(255,105,180,.6));transform:scale(1.1) rotate(5deg)}}.footer-col-2{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);align-items:center}.footer-col-title{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(.85rem,1.6vw,1.02rem);color:#fff0fa;padding-bottom:clamp(.55rem,1vw,.8rem);position:relative;width:100%;text-align:center}.footer-col-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:2px;background:linear-gradient(90deg,#ec62bd,#ffd166);border-radius:2px}.footer-nav-links{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.72rem);list-style:none;width:100%;align-items:center}.footer-nav-links a{display:flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(.75rem,1.3vw,.88rem);color:#fff0fab8;text-decoration:none;padding:clamp(.42rem,.9vw,.56rem) clamp(.6rem,1.2vw,.85rem);border-radius:10px;transition:color .25s,background .25s,padding-left .25s,transform .25s;position:relative;width:fit-content}.footer-nav-links a:hover{color:#ec62bd;background:#ec62bd17;padding-left:clamp(.9rem,1.8vw,1.15rem)}.link-icon{flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);font-size:.85em}.footer-nav-links a:hover .link-icon{transform:scale(1.25) rotate(-5deg)}.footer-social{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;width:100%;margin-top:clamp(.5rem,1vw,.8rem)}.social-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(.7rem,1.2vw,.82rem);color:#fff0fab8;text-decoration:none;padding:clamp(.42rem,.9vw,.55rem) clamp(.7rem,1.4vw,1rem);border-radius:50px;background:#5a1566;border:1px solid rgba(236,98,189,.18);transition:color .25s,border-color .25s,background .25s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.social-btn:hover{color:#ec62bd;border-color:#ec62bd;background:#ec62bd1a;transform:translateY(-3px);box-shadow:0 6px 18px #ec62bd4d}.footer-col-3{display:flex;flex-direction:column;gap:clamp(1.2rem,2.5vw,1.8rem)}.footer-glow-line{font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(.82rem,1.5vw,1rem);line-height:1.65;padding:clamp(.9rem,2vw,1.25rem) clamp(.85rem,1.8vw,1.1rem);border-radius:14px;background:#ec62bd12;border:1px solid rgba(236,98,189,.18);position:relative;overflow:hidden}.footer-glow-line:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(135deg,#ec62bd00,#ec62bd2e 40%,#ffd1661a 60%,#ec62bd00);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:0}50%{opacity:1}}.glow-quote{font-style:italic;color:#fff0fa;position:relative;z-index:1;text-shadow:0 0 20px rgba(236,98,189,.25);animation:quoteGlow 3s ease-in-out infinite}@keyframes quoteGlow{0%,to{text-shadow:0 0 10px rgba(236,98,189,.2)}50%{text-shadow:0 0 22px rgba(236,98,189,.5),0 0 40px rgba(236,98,189,.2)}}.glow-emoji{position:relative;z-index:1;font-size:.95em}.footer-availability{display:flex;flex-direction:column;gap:clamp(.6rem,1.2vw,.9rem)}.availability-label{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(.78rem,1.3vw,.9rem);color:#ec62bd;text-transform:uppercase;letter-spacing:.5px}.availability-time{font-family:Poppins,sans-serif;font-weight:700;font-size:clamp(1.1rem,2vw,1.5rem);color:#ffd166;text-shadow:0 0 15px rgba(255,209,102,.4)}.availability-text{font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(.76rem,1.3vw,.88rem);color:#fff0fab8;line-height:1.65;padding:clamp(.7rem,1.5vw,1rem) clamp(.8rem,1.8vw,1.1rem);background:#ec62bd0f;border:1px solid rgba(236,98,189,.18);border-radius:10px}.footer-bottom{display:flex;align-items:center;justify-content:center;padding:clamp(1rem,2.2vw,1.5rem) 0;border-top:1px solid rgba(236,98,189,.18);margin-top:clamp(1.5rem,3vw,2.5rem)}.footer-bottom-text{font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(.72rem,1.3vw,.86rem);color:#fff0fa6b;text-align:center;line-height:1.5;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem}.footer-bottom-text a{color:#ec62bd;text-decoration:none;font-weight:800;transition:color .25s}.footer-bottom-text a:hover{color:#ffd166}.footer-heart{display:inline-flex;align-items:center;justify-content:center;animation:heartbeat 1.5s ease-in-out infinite;color:#ec62bd;margin:0 2px;line-height:1}.footer-fiza-name{color:#ec62bd;font-weight:800}.scroll-top{display:none!important}.scroll-top-btn{position:fixed!important;bottom:24px!important;right:24px!important;width:56px!important;height:56px!important;background:radial-gradient(circle at 40% 35%,#ee24ee,#da05ee 35%,#e102ff 65%,#c71ef1)!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:999999!important;pointer-events:auto!important;opacity:0!important;visibility:hidden!important;transform:translateY(60px) scale(.5)!important;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.34,1.56,.64,1),visibility .4s!important;box-shadow:0 0 0 6px #a020d82e,0 0 0 12px #a020d81a,0 0 0 20px #a020d80d,0 8px 28px #7814b48c,0 2px 8px #0006!important;animation:sttGlowPulse 2.5s ease-in-out infinite!important}@keyframes sttGlowPulse{0%,to{box-shadow:0 0 0 5px #a020d829,0 0 0 10px #a020d814,0 0 0 18px #a020d80a,0 8px 28px #7814b480,0 2px 8px #0006}50%{box-shadow:0 0 0 7px #c850ff3d,0 0 0 15px #a020d824,0 0 0 26px #a020d80f,0 10px 36px #a014dcb3,0 2px 8px #0006}}.scroll-top-btn.is-visible{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important}.scroll-top-btn svg{width:20px!important;height:20px!important;filter:drop-shadow(0 1px 4px rgba(255,255,255,.35))!important}.scroll-top-btn:hover{transform:translateY(-5px) scale(1.1)!important;background:radial-gradient(circle at 38% 32%,#e309eb,#cb05dd 35%,#bf02ee 65%,#db06ee)!important;box-shadow:0 0 0 8px #c850ff47,0 0 0 18px #a020d824,0 0 0 28px #a020d80f,0 14px 42px #c403ddcc,0 2px 10px #00000080!important;animation:none!important}.scroll-top-btn:active{transform:translateY(-2px) scale(1.04)!important}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3.5vw,2.5rem)}.footer-col-1{grid-column:1 / -1}.footer-col-2{align-items:flex-start}.footer-col-title{text-align:left}.footer-col-title:after{left:0;transform:none}.footer-nav-links{align-items:flex-start}.footer-social{justify-content:flex-start}}@media (max-width:580px){.footer-grid{grid-template-columns:1fr!important;gap:clamp(1.5rem,5vw,2.2rem);display:grid!important}.footer-col-1{grid-column:auto}.footer-bottom{padding:clamp(.9rem,3vw,1.3rem) 0}.footer-logo-tagline{font-size:clamp(.43rem,1.5vw,.56rem)}.footer-col-title{display:none!important}.footer-col-title:after{display:none!important}nav{display:none!important}.footer-nav-links,.footer-nav-links li,.footer-nav-links a{display:none!important}.footer-social{display:flex!important;visibility:visible!important;opacity:1!important;justify-content:flex-start}.social-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important}.scroll-top-btn{bottom:16px!important;right:16px!important;width:50px!important;height:50px!important}}@media (max-width:380px){.footer-inner{padding-left:clamp(.8rem,3.5vw,1.2rem);padding-right:clamp(.8rem,3.5vw,1.2rem)}.footer-logo-tagline{display:none}.social-btn{font-size:.7rem;padding:.4rem .7rem}}@media (max-width: 480px){.scroll-top-btn{bottom:18px!important;right:20px!important;width:60px!important;height:60px!important}.scroll-top-btn svg{width:27px!important;height:27px!important}}.footer-email-link{display:inline-flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(.72rem,1.25vw,.84rem);color:#ec62bd;text-decoration:none;padding:clamp(.4rem,.9vw,.55rem) clamp(.7rem,1.4vw,1rem);border-radius:50px;background:#ec62bd1a;border:1px solid rgba(236,98,189,.45);box-shadow:0 5px 16px #ec62bd33;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;width:fit-content}.footer-email-link:hover{transform:translateY(-2px);box-shadow:0 8px 22px #ec62bd59}@media (max-width: 580px){.footer-email-link{font-size:.78rem;padding:.45rem .9rem}}.footer-logo-img-wrap{width:clamp(38px,5.5vw,50px);height:clamp(38px,5.5vw,50px);border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;animation:logoGlow 2.4s ease-in-out infinite;border:2px solid rgba(236,98,189,.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.footer-logo-link:hover .footer-logo-img-wrap{transform:scale(1.1) rotate(-8deg)}.footer-logo-img{width:100%;height:100%;object-fit:cover;display:block}.footer-days-counter{display:flex;flex-direction:column;gap:.3rem;padding:clamp(.75rem,1.6vw,1rem) clamp(.85rem,1.8vw,1.1rem);background:#ec62bd14;border:1px solid rgba(236,98,189,.28);border-left:3px solid #EC62BD;border-radius:12px;position:relative;overflow:hidden;animation:counterShimmer 4s ease-in-out infinite}@keyframes counterShimmer{0%,to{box-shadow:0 0 #ec62bd00;border-color:#ec62bd47}50%{box-shadow:0 4px 20px #ec62bd33;border-color:#ec62bd8c}}.footer-days-label{font-family:Poppins,sans-serif;font-size:clamp(.68rem,1.2vw,.78rem);font-weight:600;color:#fff0fa8c;letter-spacing:.3px}.footer-days-number-row{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.footer-days-number{font-family:Poppins,sans-serif;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:900;background:linear-gradient(135deg,#ec62bd,#ffd166 60%,#ec62bd);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 3s ease-in-out infinite;line-height:1}.footer-days-unit{font-family:Poppins,sans-serif;font-size:clamp(.82rem,1.5vw,.96rem);font-weight:700;color:#fff0fab8}.footer-sweet-line{font-family:Poppins,sans-serif;font-size:clamp(.72rem,1.25vw,.84rem);font-weight:600;color:#fff0fa94;font-style:italic;line-height:1.65;padding:clamp(.6rem,1.3vw,.8rem) clamp(.75rem,1.6vw,1rem);border-radius:10px;background:#ffd1660d;border:1px solid rgba(255,209,102,.14);position:relative}.footer-sweet-line:before{content:'"';position:absolute;top:-4px;left:8px;font-size:2rem;color:#ec62bd40;font-family:Georgia,serif;line-height:1;pointer-events:none}@media (max-width: 580px){.footer-days-number{font-size:clamp(1.6rem,7vw,2rem)}.footer-sweet-line{font-size:.76rem}}html,body,#root{height:auto!important;overflow-y:visible!important;overflow-x:hidden!important}body{font-family:Montserrat,Comic Sans MS,cursive;color:#fff;overflow-x:hidden;min-height:100vh}.global-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(145deg,#0f0a1e,#1a0d30 40%,#0d1a30);pointer-events:none;overflow:hidden}.global-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px)}.global-orb1{width:clamp(280px,45vw,560px);height:clamp(280px,45vw,560px);background:radial-gradient(circle,rgba(255,105,180,.18) 0%,transparent 70%);top:-120px;left:-120px;animation:gDrift 14s ease-in-out infinite alternate}.global-orb2{width:clamp(220px,38vw,480px);height:clamp(220px,38vw,480px);background:radial-gradient(circle,rgba(186,85,211,.15) 0%,transparent 70%);bottom:5%;right:-80px;animation:gDrift 17s ease-in-out infinite alternate-reverse}.global-orb3{width:clamp(160px,28vw,320px);height:clamp(160px,28vw,320px);background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);top:45%;left:38%;animation:gDrift 11s ease-in-out infinite alternate}@keyframes gDrift{0%{transform:translate(0) scale(1)}to{transform:translate(28px,18px) scale(1.07)}}.global-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.gp{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(.7rem,1.6vw,1.1rem);opacity:.1;animation:gFloat linear infinite}@keyframes gFloat{0%{transform:translateY(0) rotate(0);opacity:.08}50%{transform:translateY(-22px) rotate(14deg);opacity:.18}to{transform:translateY(0) rotate(0);opacity:.08}}.faq-hero,.faq-section,.clarity-section,.final-message-section,.og-page,body{background:transparent!important}.faq-item{background:#ffffff0a!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,105,180,.15)!important}.faq-item:hover{border-color:#ff69b473!important;box-shadow:0 10px 40px #ff69b438!important}.clarity-card,.gratitude-card,.respect-card{background:#ffffff0a!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border:1px solid rgba(255,105,180,.14)!important}.clarity-card:hover,.gratitude-card:hover,.respect-card:hover{background:#ffffff12!important;border-color:#ff69b461!important;box-shadow:0 20px 60px #ff69b447!important}.final-message-content{background:#ffffff0a!important;backdrop-filter:blur(30px)!important;-webkit-backdrop-filter:blur(30px)!important;border:1px solid rgba(255,105,180,.18)!important}.hf-love-icon{font-size:1.1em!important;filter:drop-shadow(0 0 5px rgba(255,120,190,.7));animation:loveIconGlow 2.4s ease-in-out infinite}@keyframes loveIconGlow{0%,to{filter:drop-shadow(0 0 4px rgba(255,120,190,.6))}50%{filter:drop-shadow(0 0 12px rgba(255,120,190,1))}}.sugg-fab{position:fixed;bottom:clamp(5.5rem,10vw,6.5rem);right:clamp(1.2rem,3vw,1.8rem);z-index:99990;display:flex;align-items:center;gap:.45rem;padding:.62rem 1.05rem;border-radius:50px;border:1.5px solid rgba(255,140,200,.4);background:#a00a557a;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(.72rem,1.4vw,.8rem);cursor:pointer;box-shadow:0 4px 22px #c8146e73;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s;white-space:nowrap}.sugg-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #dc147899;background:#be0f6494}.sugg-fab:active{transform:scale(.97)}.sugg-fab--active{background:#8205468c}.sugg-fab-icon{font-size:1rem;line-height:1;flex-shrink:0}.sugg-fab-label{font-size:clamp(.68rem,1.3vw,.78rem);font-weight:700}.sugg-fab-ping{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:#ff4fa3;border:2.5px solid rgba(15,5,30,.9);animation:suggPing 2s ease-in-out infinite}@keyframes suggPing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.65}}.sugg-panel{position:fixed;bottom:calc(clamp(5.5rem,10vw,6.5rem) + 56px);right:clamp(1.2rem,3vw,1.8rem);z-index:99989;width:min(340px,calc(100vw - clamp(2.4rem,6vw,3.6rem)));max-height:82dvh;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid rgba(255,140,200,.22);background:#120426d6;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 24px 80px #8c005099;animation:panelUp .38s cubic-bezier(.34,1.56,.64,1) both}@keyframes panelUp{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sugg-panel-header{display:flex;align-items:center;gap:.65rem;padding:.82rem 1rem;background:linear-gradient(135deg,#b40a644d,#64053c33);border-bottom:1px solid rgba(255,140,200,.14);flex-shrink:0}.sugg-panel-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#b4197a,#f03fa0);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;color:#fff;box-shadow:0 0 14px #f03fa08c;flex-shrink:0}.sugg-panel-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sugg-panel-name{font-size:.82rem;font-weight:700;color:#ffd6ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sugg-panel-status{display:flex;align-items:center;gap:.35rem;font-size:.65rem;color:#ffc8e699;font-weight:500}.sugg-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80b3;flex-shrink:0;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.5}}.sugg-close{width:30px;height:30px;border-radius:8px;background:#ff64b414;border:1px solid rgba(255,140,200,.18);color:#ffc8e68c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s;flex-shrink:0;padding:0}.sugg-close:hover{color:#ff9dd8;background:#ff64b429}.sugg-pw-body{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:1.8rem 1.3rem;text-align:center}.sugg-shake{animation:suggShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes suggShake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.sugg-pw-orb{width:68px;height:68px;border-radius:50%;background:#ff64b41a;border:2px solid rgba(255,140,200,.25);display:flex;align-items:center;justify-content:center;font-size:2rem;animation:suggBounce 2.2s ease-in-out infinite}@keyframes suggBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sugg-pw-title{font-size:1rem;font-weight:800;color:#ffd6ee}.sugg-pw-sub{font-size:.78rem;color:#ffc8e694;line-height:1.55}.sugg-pw-form{display:flex;flex-direction:column;gap:.6rem;width:100%;margin-top:.25rem}.sugg-pw-row{position:relative;display:flex;align-items:center}.sugg-pw-input{width:100%;padding:.65rem 2.6rem .65rem .95rem;border-radius:12px;border:1.5px solid rgba(255,140,200,.18);background:#ffffff12;color:#fff;font-family:Montserrat,sans-serif;font-size:.88rem;outline:none;transition:border-color .25s,box-shadow .25s}.sugg-pw-input::placeholder{color:#ffc8e652}.sugg-pw-input:focus{border-color:#ff64b494;box-shadow:0 0 0 3px #ff64b41f}.sugg-eye{position:absolute;right:.75rem;background:none;border:none;font-size:1rem;cursor:pointer;opacity:.6;transition:opacity .2s;padding:0}.sugg-eye:hover{opacity:1}.sugg-pw-err{font-size:.76rem;color:#f99;background:#ef53501a;border:1px solid rgba(239,83,80,.25);padding:.42rem .75rem;border-radius:9px;text-align:center}.sugg-unlock-btn{padding:.68rem;border-radius:13px;border:none;background:linear-gradient(135deg,#b4197a,#f03fa0);color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 18px #f03fa06b}.sugg-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #f03fa09e}.sugg-pw-foot{font-size:.7rem;color:#ffc8e652;margin:0}.sugg-chat{flex:1;overflow-y:auto;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.7rem;scrollbar-width:thin;scrollbar-color:rgba(255,100,180,.2) transparent}.sugg-chat::-webkit-scrollbar{width:4px}.sugg-chat::-webkit-scrollbar-thumb{background:#ff64b440;border-radius:4px}.sugg-row{display:flex;align-items:flex-end;gap:.5rem}.sugg-row--left{justify-content:flex-start}.sugg-row--right{justify-content:flex-end}.sugg-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#b4197a,#f03fa0);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0}.sugg-av--right{background:linear-gradient(135deg,#6a0dad,#9b59b6)}.sugg-bubble{max-width:80%;padding:.6rem .85rem .42rem;border-radius:14px;font-size:.8rem;line-height:1.6;font-weight:500;display:flex;flex-direction:column;gap:4px;word-break:break-word}.sugg-bubble--left{background:#ff64b41a;border:1px solid rgba(255,140,200,.18);border-radius:4px 14px 14px;color:#ffe6f5eb}.sugg-bubble--right{background:linear-gradient(135deg,#aa0a5f73,#f03fa061);border:1px solid rgba(255,140,200,.22);border-radius:14px 4px 14px 14px;color:#fff}.sugg-btime{font-size:.6rem;color:#ffc8e666;align-self:flex-end}.sugg-toast{align-self:center;background:#4caf5024;border:1px solid rgba(76,175,80,.28);color:#a5d6a7;font-size:.74rem;font-weight:600;padding:.35rem .9rem;border-radius:50px;animation:toastFade 3.5s ease forwards}@keyframes toastFade{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0)}75%{opacity:1}to{opacity:0}}.sugg-input-wrap{display:flex;flex-direction:column;gap:.42rem;padding:.72rem 1rem;border-top:1px solid rgba(255,140,200,.12);background:#0c03198c;flex-shrink:0}.sugg-name{width:100%;padding:.42rem .75rem;border-radius:9px;border:1px solid rgba(255,140,200,.14);background:#ffffff0d;color:#fff;font-family:Montserrat,sans-serif;font-size:.72rem;outline:none;transition:border-color .2s}.sugg-name::placeholder{color:#ffc8e647}.sugg-name:focus{border-color:#ff64b466}.sugg-msg-row{display:flex;align-items:flex-end;gap:.4rem}.sugg-msg{flex:1;padding:.55rem .75rem;border-radius:12px;border:1.5px solid rgba(255,140,200,.16);background:#ffffff12;color:#fff;font-family:Montserrat,sans-serif;font-size:.82rem;resize:none;outline:none;line-height:1.55;transition:border-color .22s,background .22s}.sugg-msg::placeholder{color:#ffc8e64d}.sugg-msg:focus{border-color:#ff64b480;background:#ffffff17}.sugg-send{width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(135deg,#b4197a,#f03fa0);color:#fff;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 14px #f03fa07a;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;padding:0}.sugg-send:not(:disabled):hover{transform:scale(1.12) rotate(-5deg);box-shadow:0 6px 22px #f03fa0ad}.sugg-send:disabled{opacity:.45;cursor:not-allowed}.sugg-spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:block}.sugg-err{font-size:.71rem;color:#f99;margin:0;text-align:center;background:#ef535014;border:1px solid rgba(239,83,80,.2);padding:.32rem .6rem;border-radius:8px}@media (max-width:420px){.sugg-panel{width:calc(100vw - 1.8rem);right:.9rem;bottom:calc(5rem + 58px)}.sugg-fab{right:.9rem;bottom:5rem}}.sugg-fab--icon-only{width:52px!important;height:52px!important;min-width:unset!important;padding:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}.sugg-fab--icon-only .sugg-fab-label{display:none!important}.sugg-fab--icon-only .sugg-fab-icon{font-size:1.5rem!important;line-height:1!important}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--dark-bg: #000000;--light-dark: #1a1a1a;--text-light: #ffffff;--text-gray: #cccccc;--heading-font: "Comic Sans MS", "Comic Sans", cursive;--body-font: "Comic Sans MS", "Comic Sans", cursive;--decorative-font: "Comic Sans MS", "Comic Sans", cursive;--heading-weight: 600;--text-weight: 500;--section-padding: 60px 1rem;--card-padding: 1.5rem;--border-radius: 20px;--transition-speed: .4s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:var(--text-weight);background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);background-attachment:fixed;color:var(--text-light);line-height:1.6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.feature-card,.love-card,.stat-item,.live-counter-card,.promise-card,.secret-item,.memory-card,.poem-line{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.feature-card.visible,.love-card.visible,.stat-item.visible,.live-counter-card.visible,.promise-card.visible,.secret-item.visible,.memory-card.visible,.poem-line.visible{opacity:1;transform:translateY(0)}.feature-card:nth-child(1),.love-card:nth-child(1),.promise-card:nth-child(1),.secret-item:nth-child(1),.memory-card:nth-child(1),.live-counter-card:nth-child(1){transition-delay:.05s}.feature-card:nth-child(2),.love-card:nth-child(2),.promise-card:nth-child(2),.secret-item:nth-child(2),.memory-card:nth-child(2),.live-counter-card:nth-child(2){transition-delay:.1s}.feature-card:nth-child(3),.love-card:nth-child(3),.promise-card:nth-child(3),.secret-item:nth-child(3),.memory-card:nth-child(3),.live-counter-card:nth-child(3){transition-delay:.15s}.feature-card:nth-child(4),.love-card:nth-child(4),.promise-card:nth-child(4),.secret-item:nth-child(4),.memory-card:nth-child(4),.live-counter-card:nth-child(4){transition-delay:.2s}.feature-card:nth-child(5),.love-card:nth-child(5),.promise-card:nth-child(5),.secret-item:nth-child(5),.memory-card:nth-child(5){transition-delay:.25s}.feature-card:nth-child(6),.love-card:nth-child(6),.promise-card:nth-child(6),.secret-item:nth-child(6),.memory-card:nth-child(6){transition-delay:.3s}.love-card:nth-child(7){transition-delay:.35s}.love-card:nth-child(8){transition-delay:.4s}.love-card:nth-child(9){transition-delay:.45s}.love-card:nth-child(10){transition-delay:.5s}.secret-item:nth-child(7){transition-delay:.35s}.secret-item:nth-child(8){transition-delay:.4s}.hero-section{min-height:100vh;display:flex;align-items:center;padding:80px 1rem 60px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 20% 40%,rgba(255,105,180,.07) 0%,transparent 65%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(186,85,211,.07) 0%,transparent 65%),radial-gradient(ellipse 40% 30% at 50% 10%,rgba(255,215,0,.04) 0%,transparent 60%);pointer-events:none;animation:heroGlowPulse 8s ease-in-out infinite}@keyframes heroGlowPulse{0%,to{opacity:.8}50%{opacity:1.2}}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;animation:orbFloat 8s ease-in-out infinite}.hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,105,180,.12) 0%,transparent 70%);top:-120px;right:-120px;filter:blur(8px)}.hero-orb-2{width:380px;height:380px;background:radial-gradient(circle,rgba(186,85,211,.1) 0%,transparent 70%);bottom:-60px;left:-100px;animation-delay:-3s;filter:blur(6px)}.hero-orb-3{width:260px;height:260px;background:radial-gradient(circle,rgba(255,215,0,.07) 0%,transparent 70%);top:40%;left:45%;animation-delay:-6s;filter:blur(4px)}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(15px,-20px) scale(1.05)}66%{transform:translate(-10px,10px) scale(.98)}}.hero-container{width:100%;max-width:100%;margin:0 auto;position:relative;z-index:1}.hero-content{text-align:center;padding:0 .5rem;will-change:opacity,transform}.hero-badge-wrap{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff69b426,#ba55d31a);border:1px solid rgba(255,105,180,.4);padding:.45rem 1.3rem .45rem 1rem;border-radius:50px;margin-bottom:1.5rem;box-shadow:0 4px 20px #ff69b426,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-live-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;flex-shrink:0;animation:livePulse 1.5s ease-in-out infinite}.hero-subtitle{font-size:clamp(.78rem,2vw,.9rem);color:var(--primary-color);font-family:var(--heading-font);font-weight:var(--heading-weight);letter-spacing:1.5px;text-transform:uppercase;margin:0}.hero-title{font-family:var(--decorative-font);font-size:clamp(1.75rem,5vw,3.5rem);font-weight:800;line-height:1.25;margin-bottom:1.4rem;padding:0 .5rem}.hero-title span{display:block}.fixed-text{color:var(--text-light);margin-bottom:.5rem;text-shadow:0 2px 20px rgba(255,255,255,.1)}.changing-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;min-height:clamp(44px,6vw,80px);display:flex;align-items:center;justify-content:center;animation:softGlow 4s ease-in-out infinite,gradientPan 6s ease infinite;will-change:opacity,transform;filter:drop-shadow(0 0 20px rgba(255,105,180,.3))}@keyframes softGlow{0%,to{filter:drop-shadow(0 0 15px rgba(255,105,180,.2))}50%{filter:drop-shadow(0 0 30px rgba(255,105,180,.5))}}.hero-description{font-size:clamp(.88rem,2vw,1rem);font-family:var(--body-font);font-weight:var(--text-weight);line-height:1.8;color:var(--text-gray);margin-bottom:2rem;padding:0 .5rem;max-width:560px;margin-left:auto;margin-right:auto}.hero-buttons{margin:2rem 0;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.gift-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:clamp(.8rem,2vw,1rem) clamp(1.5rem,3vw,2.5rem);background:linear-gradient(135deg,#ff69b4,#ff1493);border:none;border-radius:50px;color:#fff;font-family:var(--heading-font);font-weight:var(--heading-weight);font-size:clamp(.88rem,2vw,1rem);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 24px #ff69b480,0 0 #ff69b44d;position:relative;overflow:hidden;letter-spacing:.3px}.gift-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .5s ease}.gift-btn:hover{transform:translateY(-4px);box-shadow:0 10px 32px #ff69b4a6,0 0 0 4px #ff69b426}.gift-btn:active{transform:translateY(0);box-shadow:0 2px 12px #ff69b44d}.gift-btn i{font-size:1.1rem;animation:heartBtnPulse 1.5s ease-in-out infinite}@keyframes heartBtnPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.circle-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,2vw,1.2rem);margin-top:2.5rem;padding:0 .5rem}.circle-stat{display:flex;flex-direction:column;align-items:center;gap:clamp(.3rem,1vw,.6rem)}.circle-svg-wrap{position:relative;width:clamp(68px,10vw,96px);height:clamp(68px,10vw,96px)}.circle-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.circle-bg{fill:none;stroke:#ffffff14;stroke-width:7}.circle-fill{fill:none;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .05s linear;filter:drop-shadow(0 0 6px currentColor)}.circle-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.circle-pct{font-family:var(--heading-font);font-size:clamp(.65rem,1.5vw,.88rem);font-weight:var(--heading-weight);line-height:1}.circle-label{font-family:var(--heading-font);font-size:clamp(.58rem,1.3vw,.72rem);font-weight:var(--heading-weight);color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;text-align:center}.hero-image{margin-top:2.5rem;padding:0 1.5rem;will-change:opacity,transform;display:flex;justify-content:center}.image-frame{position:relative;display:inline-block}.image-ring{position:absolute;border-radius:50%;border:2px dashed rgba(255,105,180,.25);pointer-events:none;top:-20px;right:-20px;bottom:-20px;left:-20px;animation:ringRotate 15s linear infinite}.image-ring-2{top:-40px;right:-40px;bottom:-40px;left:-40px;border-color:#ba55d326;animation-duration:25s;animation-direction:reverse;border-style:solid;border-width:1px}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-wrapper{position:relative;border-radius:25px;overflow:hidden;box-shadow:0 20px 70px #ff69b44d,0 0 0 1px #ff69b41a;animation:morphing 8s ease-in-out infinite;max-width:420px;width:100%}@keyframes morphing{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.image-wrapper img{width:100%;height:clamp(260px,40vw,560px);object-fit:cover;display:block}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff69b426,#ba55d326);pointer-events:none}.floating-tag{position:absolute;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--text-light);font-family:var(--heading-font);font-size:clamp(.65rem,1.5vw,.78rem);font-weight:var(--heading-weight);padding:.45rem 1rem;border-radius:50px;display:flex;align-items:center;gap:.35rem;white-space:nowrap;animation:tagFloat 4s ease-in-out infinite;pointer-events:none}.floating-tag span{font-size:1rem}.tag-1{top:8%;left:-12px;animation-delay:0s}.tag-2{top:28%;right:-12px;animation-delay:-1s}.tag-3{bottom:8%;left:5%;animation-delay:-2s}.tag-4{top:52%;left:-12px;animation-delay:-3s}.tag-5{top:72%;right:-12px;animation-delay:-1.5s}@keyframes tagFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.quotes-ticker{background:linear-gradient(90deg,#0f1025,#1a1b3a,#0f1025);padding:1.5rem 0;overflow:hidden;width:100%;margin:3rem 0;border-top:1px solid rgba(255,105,180,.25);border-bottom:1px solid rgba(255,105,180,.25)}.ticker-wrapper{display:flex;width:max-content;animation:scroll 25s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{flex-shrink:0;padding:0 2rem;font-family:var(--body-font);font-weight:var(--text-weight);font-size:clamp(.78rem,2vw,.9rem);color:var(--text-gray);font-style:italic;display:flex;align-items:center;gap:.7rem;white-space:nowrap}.ticker-item:before{content:"💖";font-size:1.1rem}.about-section,.love-section,.poem-section,.secrets-section,.live-counter-section,.promises-section,.memories-section{padding:var(--section-padding);position:relative}.section-container{max-width:100%;margin:0 auto}.section-header{text-align:center;margin-bottom:2.5rem;will-change:opacity,transform}.section-title{font-family:var(--decorative-font);font-size:clamp(1.6rem,4.5vw,3rem);font-weight:var(--heading-weight);margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;padding:0 .5rem}.section-description{font-family:var(--body-font);font-weight:var(--text-weight);font-size:clamp(.88rem,2vw,.95rem);color:var(--text-gray);line-height:1.7;padding:0 .5rem;max-width:700px;margin:0 auto}.about-container,.love-container{max-width:100%;margin:0 auto}.cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:var(--card-padding);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-speed) ease;position:relative;overflow:hidden;will-change:opacity,transform;text-align:center}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,105,180,.08),transparent);transition:left .6s ease}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 1.2rem;transition:all .3s ease}.card-title{font-family:var(--heading-font);font-size:clamp(1rem,2.5vw,1.15rem);font-weight:var(--heading-weight);margin-bottom:.8rem;color:var(--text-light)}.card-description{font-family:var(--body-font);font-weight:var(--text-weight);color:var(--text-gray);line-height:1.65;font-size:clamp(.85rem,2vw,.93rem)}.love-section{overflow:hidden}.love-section:before{content:"💕";position:absolute;font-size:10rem;opacity:.03;top:50%;left:50%;transform:translate(-50%,-50%);animation:bgHeartbeat 2s ease-in-out infinite;pointer-events:none}@keyframes bgHeartbeat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}.love-container{position:relative;z-index:1}.love-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.love-card{background:linear-gradient(135deg,#ff69b414,#ba55d314);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:2rem 1.5rem;border:2px solid transparent;transition:all var(--transition-speed) ease;position:relative;overflow:hidden;will-change:opacity,transform;text-align:center}.love-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--border-radius);padding:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-speed) ease}.love-icon{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem}.love-title{font-family:var(--heading-font);font-size:clamp(1rem,2.5vw,1.2rem);font-weight:var(--heading-weight);margin-bottom:.8rem;color:var(--accent-color)}.love-text{font-family:var(--body-font);font-weight:var(--text-weight);color:var(--text-gray);line-height:1.7;font-size:clamp(.85rem,2vw,.93rem)}.poem-section{background:#ff69b405}.poem-inner{max-width:760px!important}.poem-card{background:#ffffff0f;border-radius:28px;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3.5rem);border:2px solid rgba(255,105,180,.2);position:relative;text-align:center;box-shadow:0 20px 60px #ff69b41a;margin-top:1rem}.poem-deco{font-family:Allura,cursive;font-size:clamp(3rem,7vw,5rem);line-height:1;color:#ff69b44d;position:absolute}.poem-deco-top{top:.5rem;left:1.5rem}.poem-deco-bottom{bottom:.5rem;right:1.5rem}.poem-line{font-family:Allura,cursive;font-style:italic;font-size:clamp(.88rem,2.5vw,1.1rem);color:var(--text-gray);line-height:2;display:block}.poem-spacer{height:1rem;display:block}.poem-author{margin-top:2rem;font-family:var(--heading-font);font-weight:var(--heading-weight);font-size:clamp(.95rem,2vw,1.1rem);color:var(--primary-color)}.secrets-section{background:linear-gradient(160deg,#ba55d30a,#ff69b408,#ffd70005);overflow:hidden;position:relative}.secrets-section:before,.secrets-section:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.secrets-section:before{width:400px;height:400px;background:radial-gradient(circle,rgba(255,105,180,.06) 0%,transparent 70%);top:-80px;left:-80px;animation:blobDrift 10s ease-in-out infinite}.secrets-section:after{width:300px;height:300px;background:radial-gradient(circle,rgba(186,85,211,.06) 0%,transparent 70%);bottom:-60px;right:-60px;animation:blobDrift 12s ease-in-out infinite reverse}@keyframes blobDrift{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.secrets-section .section-container{position:relative;z-index:1}.secrets-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-top:2.5rem}.secret-item{background:#ffffff0a;border-radius:20px;padding:1.6rem 1.4rem;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center;position:relative;overflow:hidden;cursor:default;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease,background .4s ease}.secret-item:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));opacity:0;transition:opacity .4s ease}.secret-item:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:skew(-15deg);transition:left .6s ease}.secret-item:hover:after{left:160%}.secret-item:hover{transform:translateY(-10px) scale(1.02);border-color:#ff69b459;box-shadow:0 20px 50px #ff69b42e,0 0 0 1px #ff69b41f,inset 0 1px #ffffff0f;background:#ff69b40f}.secret-item:hover:before{opacity:1}.secret-item:nth-child(2n):hover{border-color:#ba55d359;background:#ba55d30f;box-shadow:0 20px 50px #ba55d32e,0 0 0 1px #ba55d31f,inset 0 1px #ffffff0f}.secret-item:nth-child(3n):hover{border-color:#ffd70059;background:#ffd7000a;box-shadow:0 20px 50px #ffd70024,0 0 0 1px #ffd7001f,inset 0 1px #ffffff0f}.secret-icon{width:clamp(52px,8vw,68px);height:clamp(52px,8vw,68px);background:linear-gradient(135deg,#ff69b42e,#ba55d32e);border:1px solid rgba(255,105,180,.25);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,3.5vw,2rem);flex-shrink:0;transition:transform .4s ease,box-shadow .4s ease;box-shadow:0 4px 16px #ff69b41f}.secret-item:hover .secret-icon{transform:rotate(-6deg) scale(1.12);box-shadow:0 8px 24px #ff69b44d}.secret-number{position:absolute;top:.75rem;right:.9rem;font-family:var(--heading-font);font-size:clamp(.65rem,1.2vw,.75rem);font-weight:700;color:#ff69b459;letter-spacing:1px}.secret-text{font-family:var(--body-font);font-weight:var(--text-weight);color:var(--text-light);line-height:1.75;font-size:clamp(.85rem,2vw,.95rem);margin:0}.live-counter-section{background:#ffd70003}.live-counter-section .section-description{color:#fff;text-align:center}.live-counter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.live-counter-card{background:#ffffff0d;border-radius:22px;padding:clamp(1.2rem,3vw,2.5rem) 1rem;text-align:center;border:2px solid rgba(255,255,255,.06);transition:all .4s ease;position:relative;overflow:hidden}.live-counter-card:hover{transform:translateY(-8px) scale(1.03);border-color:var(--primary-color);box-shadow:0 15px 40px #ff69b433}.lc-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,105,180,.06),transparent 70%);pointer-events:none}.lc-icon{font-size:clamp(1.4rem,3vw,2.2rem);margin-bottom:.6rem;display:block;animation:lcBounce 2s ease-in-out infinite}@keyframes lcBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lc-value{font-family:var(--heading-font);display:block;font-size:clamp(2rem,5vw,4rem);font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.3rem;animation:lcPulse 1s ease-in-out infinite}@keyframes lcPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.lc-label{display:block;width:100%!important;color:#fff!important;text-align:center!important;font-family:var(--body-font);font-weight:var(--text-weight);font-size:clamp(.75rem,1.5vw,.9rem);letter-spacing:1px;text-transform:uppercase;margin-top:.5rem}.lc-message{text-align:center;font-family:var(--body-font);font-weight:var(--text-weight);font-size:clamp(.85rem,2vw,1.1rem);color:#fff;font-style:italic;padding:1.5rem;background:#ffffff0d;border-radius:18px;border:2px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap}.lc-heart{display:inline-block;animation:heartPulse 1.5s ease-in-out infinite;font-size:1.3rem}.promises-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.promise-card{background:#ffffff0a;border-radius:22px;padding:clamp(1.5rem,3vw,2.5rem);border:2px solid rgba(255,255,255,.06);transition:all var(--transition-speed) ease;position:relative;overflow:hidden;text-align:center}.promise-card:hover{transform:translateY(-6px);border-color:var(--primary-color);box-shadow:0 15px 40px #ff69b433}.promise-no{font-family:var(--heading-font);font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#ff69b426,#ffd7001a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:absolute;top:.8rem;right:1.2rem}.promise-icon{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;display:block}.promise-title{font-family:var(--heading-font);font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:var(--heading-weight);color:var(--accent-color);margin-bottom:.8rem}.promise-text{font-family:var(--body-font);font-weight:var(--text-weight);color:var(--text-gray);line-height:1.7;font-size:clamp(.82rem,2vw,.9rem)}.memories-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.memory-card{background:#ffffff0d;border-radius:22px;padding:clamp(1.5rem,3vw,2.5rem);border:2px solid rgba(255,255,255,.06);transition:all var(--transition-speed) ease;text-align:center}.memory-card:hover{transform:translateY(-6px);border-color:var(--primary-color);box-shadow:0 15px 40px #ff69b433}.memory-icon{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;display:block;animation:memBounce 2.5s ease-in-out infinite}@keyframes memBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.memory-title{font-family:var(--heading-font);font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:var(--heading-weight);color:var(--accent-color);margin-bottom:.8rem}.memory-text{font-family:var(--body-font);font-weight:var(--text-weight);color:var(--text-gray);line-height:1.7;font-size:clamp(.82rem,2vw,.9rem);margin-bottom:1.2rem}.memory-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:clamp(.68rem,1.5vw,.75rem);font-family:var(--heading-font);font-weight:var(--heading-weight);padding:.3rem .9rem;border-radius:50px;letter-spacing:.5px}.scroll-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:1.3rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:9999;box-shadow:0 5px 20px #ff69b459;touch-action:manipulation}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:overlayIn .3s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.popup-box{position:relative;background:linear-gradient(145deg,#1e1030,#140d28,#1a0e35);border:1px solid rgba(255,105,180,.3);border-radius:28px;padding:clamp(2rem,5vw,3.5rem) clamp(1.8rem,5vw,3rem);max-width:480px;width:100%;text-align:center;box-shadow:0 30px 80px #ff69b433,0 0 0 1px #ff69b414,inset 0 1px #ffffff0f;animation:popupIn .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.popup-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,105,180,.1) 0%,transparent 70%);pointer-events:none}@keyframes popupIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-close{position:absolute;top:1rem;right:1rem;width:34px;height:34px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#ffffff80;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;z-index:2;line-height:1}.popup-close:hover{background:#ff69b426;border-color:#ff69b466;color:#ff69b4;transform:rotate(90deg)}.popup-hearts{display:flex;justify-content:center;gap:.6rem;margin-bottom:1.2rem;position:relative;z-index:1}.ph{font-size:1.4rem;animation:phFloat 3s ease-in-out infinite;display:inline-block}.ph1{animation-delay:0s}.ph2{animation-delay:.5s;font-size:1.1rem}.ph3{animation-delay:1s;font-size:1.25rem}@keyframes phFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.popup-quote-mark{font-family:Georgia,serif;font-size:3.5rem;line-height:.5;color:#ff69b459;display:block;margin-bottom:.4rem;position:relative;z-index:1}.popup-quote-mark-close{margin-top:.4rem;margin-bottom:0;line-height:1;text-align:right}.popup-quote{font-family:Poppins,sans-serif;font-weight:400;font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.9;color:#ffffffe0;position:relative;z-index:1;letter-spacing:.2px}.popup-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,#ff69b4,transparent);margin:1.5rem auto;border-radius:2px;position:relative;z-index:1}.popup-author{display:inline-flex;align-items:center;gap:.5rem;position:relative;z-index:1}.popup-heart-icon{font-size:1rem;animation:heartPulse 1.5s ease-in-out infinite}.popup-author-name{font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(1rem,2.5vw,1.2rem);background:linear-gradient(135deg,#ff69b4,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}@media (min-width: 431px){html{font-size:17px}.hero-title{font-size:clamp(2rem,5vw,3rem)}.section-title{font-size:clamp(1.8rem,4vw,2.6rem)}.image-wrapper img{height:360px}}@media (min-width: 480px){.secrets-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 601px){:root{--section-padding: 80px 2rem;--card-padding: 2rem}.hero-section{padding:100px 2rem 70px}.cards-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.promises-grid,.memories-grid{grid-template-columns:repeat(2,1fr)}.image-wrapper img{height:420px}.live-counter-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 769px){:root{--section-padding: 90px 2rem}.hero-section{padding:110px 2rem 80px}.love-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.secrets-grid{grid-template-columns:repeat(2,1fr)}.image-wrapper img{height:480px}.feature-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 12px 35px #ff69b440}.feature-card:hover:before{left:100%}.feature-card:hover .card-icon{transform:scale(1.08) rotate(3deg)}.love-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #ff69b440}.love-card:hover:before{opacity:1}.scroll-top:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 8px 28px #ff69b499}}@media (min-width: 1025px){html{font-size:18px}:root{--section-padding: 100px 2rem}.hero-section{padding:120px 2rem 80px}.hero-container{max-width:1400px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin:0 auto}.hero-content{text-align:left}.hero-buttons,.changing-text{justify-content:flex-start}.hero-description{margin-left:0;margin-right:0}.circle-stats-grid{padding:0}.hero-image{justify-content:flex-end;margin-top:0;padding:0}.image-wrapper img{height:560px}.section-header{margin-bottom:4rem}.about-container,.love-container,.section-container{max-width:1400px;margin:0 auto}.poem-inner{max-width:760px!important}.cards-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.love-grid,.promises-grid,.memories-grid{grid-template-columns:repeat(3,1fr)}.secrets-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1400px){.hero-container{gap:5rem}.cards-grid{gap:2.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.scroll-top,.hero-section:before,.love-section:before{display:none}body{background:#fff;color:#000}}.gsap-fade-in{opacity:0}.gsap-slide-up{transform:translateY(30px)}.gsap-scale-in{transform:scale(.95)}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--dark-bg: #000000;--light-dark: #1a1a1a;--text-light: #ffffff;--text-gray: #cccccc;--font-heading: "Great Vibes", cursive;--font-body: "Poppins", sans-serif;--font-button: "Montserrat", sans-serif}body{font-family:var(--font-body);color:var(--text-light);overflow-x:hidden}.about-hero{min-height:clamp(60vh,72vh,80vh);display:flex;align-items:center;justify-content:center;padding:clamp(90px,16vh,150px) clamp(1.2rem,4vw,3rem) clamp(3rem,6vw,5rem);position:relative;overflow:hidden;text-align:center}.about-hero:before{content:"";position:absolute;width:clamp(300px,50vw,600px);height:clamp(300px,50vw,600px);background:radial-gradient(circle,rgba(255,105,180,.15),transparent);border-radius:50%;top:-15%;left:-10%;animation:heroPulse 4s ease-in-out infinite}.about-hero:after{content:"";position:absolute;width:clamp(260px,42vw,500px);height:clamp(260px,42vw,500px);background:radial-gradient(circle,rgba(186,85,211,.15),transparent);border-radius:50%;bottom:-10%;right:-8%;animation:heroPulse 4s ease-in-out infinite 2s}@keyframes heroPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.3}}.about-hero-content{max-width:clamp(600px,90vw,900px);position:relative;z-index:1;animation:fadeInUp .9s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.about-hero-subtitle{font-size:clamp(.85rem,1.8vw,1.3rem);color:var(--primary-color);font-weight:600;margin-bottom:clamp(1rem,2vw,1.5rem);letter-spacing:clamp(2px,.6vw,4px);text-transform:uppercase}.about-hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;line-height:1.2;margin-bottom:clamp(1.2rem,2.5vw,2rem);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hero-description{font-size:clamp(.95rem,2vw,1.3rem);line-height:1.9;color:var(--text-gray);margin-bottom:clamp(1.5rem,3vw,3rem)}.hero-decorative-hearts{display:flex;justify-content:center;gap:clamp(.8rem,2vw,1.5rem);font-size:clamp(1.5rem,4vw,2.5rem);margin-top:clamp(1rem,2vw,2rem)}@keyframes heartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.section-label{font-size:clamp(.78rem,1.4vw,1.1rem);color:var(--primary-color);font-weight:600;margin-bottom:clamp(.6rem,1.2vw,1rem);letter-spacing:clamp(1.5px,.5vw,3px);text-transform:uppercase}.section-title{font-family:var(--font-heading);font-size:clamp(1.8rem,5vw,3.2rem);font-weight:800;margin-bottom:clamp(1rem,2vw,1.5rem);line-height:1.2;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:clamp(.9rem,1.8vw,1.15rem);line-height:1.9;color:var(--text-gray);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.about-her-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,4vw,2.5rem)}.about-her-container{max-width:clamp(900px,96vw,1400px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}.about-her-image{position:relative}.her-image-wrapper{position:relative;border-radius:clamp(20px,3vw,30px);overflow:hidden;box-shadow:0 clamp(15px,3vw,25px) clamp(40px,7vw,70px) #ff69b466;animation:morphing 8s ease-in-out infinite}@keyframes morphing{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.her-image-wrapper img{width:100%;height:clamp(300px,50vw,550px);object-fit:cover;display:block}.her-image-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff69b433,#ba55d333);z-index:1}.floating-hearts{position:absolute;font-size:clamp(1.8rem,3.5vw,3rem);animation:floatAround 6s ease-in-out infinite}.floating-hearts:nth-child(1){top:8%;left:-8%}.floating-hearts:nth-child(3){bottom:12%;right:-8%;animation-delay:2s}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(15px,-15px) rotate(12deg)}66%{transform:translate(-15px,15px) rotate(-12deg)}}.qualities-list{display:grid;gap:clamp(1rem,2vw,1.5rem)}.quality-item{display:flex;align-items:flex-start;gap:clamp(1rem,2vw,1.5rem);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(1rem,2.5vw,1.5rem);border-radius:clamp(12px,2vw,15px);border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.quality-item:hover{transform:translate(10px);border-color:var(--primary-color);background:#ff69b41a}.quality-icon{font-size:clamp(1.6rem,3.5vw,2.5rem);min-width:clamp(40px,5.5vw,60px)}.quality-content h3{font-family:var(--font-heading);font-size:clamp(1rem,2.2vw,1.3rem);font-weight:700;margin-bottom:.4rem;color:var(--accent-color)}.quality-content p{color:var(--text-gray);line-height:1.7;font-size:clamp(.85rem,1.6vw,1rem)}.adaatein-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,4vw,2.5rem);position:relative;overflow:hidden}.adaatein-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(255,105,180,.06),transparent)}.adaatein-inner{max-width:clamp(900px,96vw,1400px);margin:0 auto;position:relative;z-index:1}.adaatein-header{text-align:center;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.adaatein-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(240px,28vw,300px),1fr));gap:clamp(1.2rem,2.5vw,2rem)}.adaat-card{position:relative;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,105,180,.15);border-radius:clamp(18px,2.5vw,24px);padding:clamp(1.8rem,3.5vw,2.8rem) clamp(1.3rem,2.5vw,2rem);text-align:center;transition:all .45s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.adaat-glow{position:absolute;width:120%;height:120%;border-radius:50%;background:radial-gradient(circle,var(--card-color, #ff69b4) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s;pointer-events:none;filter:blur(40px)}.adaat-card:hover .adaat-glow{opacity:.12}.adaat-card:hover{transform:translateY(clamp(-10px,-1.8vw,-16px)) scale(1.02);border-color:var(--card-color, #ff69b4);box-shadow:0 clamp(18px,3.5vw,30px) clamp(45px,8vw,70px) #ff69b440}.adaat-emoji-wrap{width:clamp(58px,9vw,75px);height:clamp(58px,9vw,75px);border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;margin:0 auto clamp(1rem,2vw,1.5rem);box-shadow:0 6px 22px #ff69b466;transition:transform .45s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.adaat-card:hover .adaat-emoji-wrap{transform:scale(1.18) rotate(-10deg)}.adaat-emoji{font-size:clamp(1.5rem,3vw,2rem)}.adaat-title{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;color:var(--accent-color);margin-bottom:clamp(.5rem,1vw,.8rem);position:relative;z-index:1}.adaat-text{font-size:clamp(.82rem,1.5vw,1rem);color:var(--text-gray);line-height:1.82;position:relative;z-index:1}.about-me-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,4vw,2.5rem)}.about-me-container{max-width:clamp(900px,96vw,1400px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}.about-me-container .about-me-image{order:2}.about-me-container .about-me-content{order:1}.promises-grid{display:grid;gap:clamp(.9rem,1.8vw,1.5rem);margin-top:clamp(1.2rem,2.5vw,2rem)}.promise-item{display:flex;align-items:center;gap:clamp(.9rem,1.8vw,1.5rem);background:linear-gradient(135deg,#ff69b414,#ba55d314);padding:clamp(1rem,2vw,1.5rem);border-radius:clamp(12px,2vw,15px);border:1px solid rgba(255,105,180,.15);transition:all .4s ease}.promise-item:hover{transform:translate(10px);box-shadow:0 8px 28px #ff69b440}.promise-icon{width:clamp(44px,7vw,60px);height:clamp(44px,7vw,60px);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:clamp(10px,1.5vw,12px);display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,2.5vw,1.8rem);flex-shrink:0}.promise-text{font-size:clamp(.85rem,1.6vw,1.1rem);color:var(--text-light);font-weight:500}.about-me-image{position:relative}.me-image-wrapper{border-radius:clamp(20px,3vw,30px);overflow:hidden;box-shadow:0 clamp(15px,3vw,25px) clamp(40px,7vw,70px) #ba55d366;animation:morphing2 8s ease-in-out infinite}@keyframes morphing2{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}.me-image-wrapper img{width:100%;height:clamp(300px,50vw,550px);object-fit:cover;display:block}.reasons-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,4vw,2.5rem);position:relative}.reasons-section:before{content:"💘";position:absolute;font-size:clamp(12rem,28vw,28rem);opacity:.025;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:heartbeat 4s ease-in-out infinite}.reasons-inner{max-width:clamp(900px,96vw,1300px);margin:0 auto;position:relative;z-index:1}.reasons-header{text-align:center;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.reasons-list{display:grid;gap:clamp(1.2rem,2.5vw,1.8rem)}.reason-item{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2rem);background:linear-gradient(135deg,#ff69b40f,#ba55d30f);border:1px solid rgba(255,105,180,.15);border-radius:clamp(16px,2.5vw,22px);padding:clamp(1.4rem,3vw,2rem) clamp(1.5rem,3vw,2.5rem);transition:all .45s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.reason-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:4px 0 0 4px;opacity:0;transition:opacity .4s}.reason-item:hover:before{opacity:1}.reason-item:hover{transform:translate(clamp(6px,1.2vw,12px));border-color:#ff69b466;box-shadow:0 clamp(12px,2.5vw,20px) clamp(35px,6vw,55px) #ff69b433;background:linear-gradient(135deg,#ff69b41a,#ba55d31a)}.reason-num{font-size:clamp(2rem,4vw,3rem);font-weight:900;font-family:var(--font-button);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:clamp(48px,6vw,70px);line-height:1;opacity:.35;transition:opacity .4s}.reason-item:hover .reason-num{opacity:.9}.reason-icon-wrap{width:clamp(48px,7vw,64px);height:clamp(48px,7vw,64px);border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:clamp(1.3rem,2.8vw,1.8rem);flex-shrink:0;box-shadow:0 5px 18px #ff69b459;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.reason-item:hover .reason-icon-wrap{transform:scale(1.15) rotate(-8deg)}.reason-body{flex:1;min-width:0}.reason-title{font-size:clamp(.95rem,2vw,1.2rem);font-weight:700;color:var(--accent-color);margin-bottom:clamp(.3rem,.6vw,.5rem)}.reason-text{font-size:clamp(.82rem,1.5vw,.98rem);color:var(--text-gray);line-height:1.8}.love-story-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,4vw,2.5rem);position:relative;overflow:hidden}.love-story-section:before{content:"💕";position:absolute;font-size:clamp(10rem,25vw,25rem);opacity:.03;top:50%;left:50%;transform:translate(-50%,-50%);animation:heartbeat 3s ease-in-out infinite;pointer-events:none}.love-story-container{max-width:clamp(800px,95vw,1200px);margin:0 auto;position:relative;z-index:1}.story-header{text-align:center;margin-bottom:clamp(2.5rem,5vw,5rem)}.timeline{position:relative;padding:clamp(1rem,2vw,2rem) 0}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:4px;height:100%;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:10px}.timeline-item{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);margin-bottom:clamp(2rem,4vw,4rem);position:relative}.timeline-item:nth-child(2n) .timeline-content{order:2}.timeline-item:nth-child(2n) .timeline-date{text-align:right}.timeline-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(1.2rem,2.5vw,2.5rem);border-radius:clamp(14px,2vw,20px);border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.timeline-content:hover{transform:translateY(-10px);box-shadow:0 16px 45px #ff69b447;border-color:var(--primary-color)}.timeline-icon{position:absolute;left:50%;transform:translate(-50%);width:clamp(50px,8vw,70px);height:clamp(50px,8vw,70px);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.3rem,3vw,2rem);box-shadow:0 5px 18px #ff69b480;z-index:2}.timeline-date{font-family:var(--font-heading);font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:700;color:var(--accent-color);margin-bottom:clamp(.5rem,1vw,1rem)}.timeline-title{font-family:var(--font-heading);font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:700;margin-bottom:clamp(.5rem,1vw,1rem);color:var(--text-light)}.timeline-description{color:var(--text-gray);line-height:1.8;font-size:clamp(.82rem,1.5vw,1rem)}.our-future-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,4vw,2.5rem)}.future-container{max-width:clamp(900px,96vw,1400px);margin:0 auto}.future-header{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}.dreams-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2.5rem)}.dream-card{background:linear-gradient(135deg,#ff69b414,#ba55d314);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(1.5rem,3vw,3rem) clamp(1.2rem,2.5vw,2.5rem);border-radius:clamp(16px,2.5vw,25px);border:2px solid transparent;transition:all .5s ease;position:relative;overflow:hidden;text-align:center}.dream-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s}.dream-card:hover:before{opacity:1}.dream-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 clamp(16px,3vw,25px) clamp(40px,8vw,60px) #ff69b459}.dream-icon{font-size:clamp(2rem,4.5vw,4rem);margin-bottom:clamp(.8rem,1.5vw,1.5rem);display:inline-block;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.dream-title{font-family:var(--font-heading);font-size:clamp(1rem,2.2vw,1.6rem);font-weight:700;margin-bottom:clamp(.5rem,1vw,1rem);color:var(--accent-color)}.dream-description{color:var(--text-gray);line-height:1.8;font-size:clamp(.82rem,1.5vw,1rem)}.message-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,4vw,2.5rem)}.message-container{max-width:clamp(700px,92vw,1000px);margin:0 auto;text-align:center}.message-card{background:linear-gradient(135deg,#ff69b421,#ba55d321);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3rem);border-radius:clamp(20px,3vw,30px);border:2px solid rgba(255,105,180,.28);box-shadow:0 clamp(16px,3vw,30px) clamp(50px,10vw,80px) #ff69b440;position:relative;overflow:visible}.message-header{margin-bottom:clamp(1.5rem,3vw,3rem);position:relative;z-index:1}.message-title{font-family:var(--font-heading);font-size:clamp(1.8rem,5vw,3.5rem);font-weight:900;margin-bottom:.8rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message-subtitle{font-size:clamp(.9rem,2vw,1.2rem);color:var(--accent-color);font-weight:600}.message-content{position:relative;z-index:1}.message-text{font-size:clamp(.9rem,2vw,1.3rem);line-height:2;color:var(--text-light);margin-bottom:clamp(1.5rem,3vw,3rem);font-style:italic;font-weight:300}.message-signature{font-family:Brush Script MT,cursive;font-size:clamp(1.3rem,3vw,2.5rem);color:var(--primary-color);margin-bottom:clamp(1.5rem,3vw,3rem)}.burst-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:100;display:flex;align-items:center;justify-content:center}.burst-heart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;animation:burstFly var(--dur, 1.2s) ease-out both;z-index:200;line-height:1}@keyframes burstFly{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}20%{transform:translate(-50%,-50%) scale(1.4) rotate(calc(var(--angle) * .1));opacity:1}to{transform:translate(calc(-50% + cos(var(--angle)) * var(--dist)),calc(-50% + sin(var(--angle)) * var(--dist))) scale(.5) rotate(calc(var(--angle) * 2));opacity:0}}.heart-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-light);font-family:var(--font-button);font-weight:700;font-size:clamp(.9rem,2vw,1.2rem);padding:clamp(.9rem,2vw,1.5rem) clamp(2rem,4vw,4rem);border-radius:50px;border:none;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 8px 35px #ff69b473;display:inline-flex;align-items:center;gap:.8rem;position:relative;overflow:hidden}.heart-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff2e;transform:scale(0);transition:transform .5s ease;border-radius:inherit}.heart-button.btn-pop{animation:btnPop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes btnPop{0%{transform:scale(1)}30%{transform:scale(.92)}60%{transform:scale(1.12)}80%{transform:scale(.97)}to{transform:scale(1)}}.heart-button:hover{filter:brightness(1.12);transform:translateY(-5px);box-shadow:0 14px 45px #ff69b4a6}.heart-button i{font-size:clamp(1rem,2.2vw,1.5rem);animation:heartPulse 1.5s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.scroll-top{position:fixed;bottom:clamp(20px,4vw,30px);right:clamp(20px,4vw,30px);width:clamp(44px,8vw,55px);height:clamp(44px,8vw,55px);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:clamp(1rem,2vw,1.5rem);cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:9999;box-shadow:0 5px 18px #ff69b480}.scroll-top:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 28px #ff69b4b3}@media (max-width: 1024px){.about-her-container,.about-me-container{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,3rem)}.about-me-container .about-me-image{order:1}.about-me-container .about-me-content{order:2}.dreams-grid{grid-template-columns:repeat(2,1fr)}.timeline:before{left:clamp(22px,4vw,30px)}.timeline-item{grid-template-columns:1fr;padding-left:clamp(55px,10vw,80px)}.timeline-item:nth-child(2n) .timeline-content{order:1}.timeline-icon{left:clamp(22px,4vw,30px)}.timeline-date{text-align:left!important}}@media (max-width: 768px){.adaatein-grid{grid-template-columns:repeat(2,1fr)}.dreams-grid{grid-template-columns:1fr}}@media (max-width: 540px){.adaatein-grid{grid-template-columns:1fr}.her-image-wrapper img,.me-image-wrapper img{height:clamp(250px,55vw,400px)}}@media (max-width: 380px){.about-hero,.about-her-section,.about-me-section,.adaatein-section,.reasons-section,.love-story-section,.our-future-section,.message-section{padding-left:1rem;padding-right:1rem}}:root{--f: "Poppins", sans-serif;--pk: #ff69b4;--pk2: #e0449a;--pu: #ba55d3;--gold: #ffd700;--txt: #fff;--muted: rgba(255,255,255,.45);--dim: rgba(255,255,255,.18);--surf: rgba(255,255,255,.04);--bord: rgba(255,255,255,.08);--bord-pk: rgba(255,105,180,.22);--r: 18px;--r-sm: 12px;--r-xs: 8px}a{text-decoration:none}.ep-wrap{min-height:100vh;font-family:var(--f);color:var(--txt);background:radial-gradient(ellipse 70% 55% at 88% 8%,rgba(255,105,180,.18) 0%,transparent 58%),radial-gradient(ellipse 55% 45% at 8% 92%,rgba(186,85,211,.14) 0%,transparent 58%),linear-gradient(158deg,#16091f,#20103a 55%,#130720);padding:clamp(72px,12vw,100px) clamp(1rem,4vw,2rem) 80px;position:relative;overflow-x:hidden}.ep-blob{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(clamp(60px,10vw,90px));animation:epOrb 20s ease-in-out infinite alternate}.ep-b1{width:clamp(300px,52vw,560px);height:clamp(300px,52vw,560px);background:radial-gradient(circle,rgba(255,105,180,.16)0%,transparent 70%);top:-120px;right:-100px;animation-duration:22s}.ep-b2{width:clamp(220px,38vw,440px);height:clamp(220px,38vw,440px);background:radial-gradient(circle,rgba(186,85,211,.12)0%,transparent 70%);bottom:-60px;left:-80px;animation-direction:alternate-reverse;animation-duration:26s}.ep-b3{width:clamp(160px,26vw,300px);height:clamp(160px,26vw,300px);background:radial-gradient(circle,rgba(255,215,0,.06)0%,transparent 70%);top:44%;left:42%;animation-duration:17s}@keyframes epOrb{0%{transform:translate(0)}to{transform:translate(18px,14px)}}.ep-hero{position:relative;z-index:2;text-align:center;max-width:680px;margin:0 auto clamp(3rem,8vw,5rem);animation:epFadeUp .7s ease both}.ep-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ff69b41a;border:1px solid rgba(255,105,180,.3);border-radius:50px;padding:.38rem 1.1rem;margin-bottom:1.4rem;font-size:clamp(.64rem,1.6vw,.76rem);font-weight:700;color:#ffb3d9;letter-spacing:1.2px;text-transform:uppercase}.ep-badge-pulse{width:7px;height:7px;background:var(--pk);border-radius:50%;animation:epDotPulse 1.7s ease-in-out infinite}@keyframes epDotPulse{0%,to{box-shadow:0 0 #ff69b48c}50%{box-shadow:0 0 0 7px #ff69b400}}.ep-hero-title{font-size:clamp(2rem,7vw,4rem);font-weight:800;line-height:1.15;margin-bottom:.9rem;background:linear-gradient(135deg,var(--pk) 0%,var(--pu) 55%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200%;animation:epGrad 6s ease infinite}@keyframes epGrad{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ep-hero-sub{font-size:clamp(.84rem,2vw,.98rem);color:var(--muted);line-height:1.8;margin-bottom:1.8rem}.ep-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}.ep-pill{display:inline-flex;align-items:center;gap:.3rem;background:var(--surf);border:1px solid var(--bord-pk);border-radius:50px;padding:.32rem .9rem;font-size:clamp(.62rem,1.4vw,.72rem);font-weight:600;color:var(--muted);cursor:default;transition:all .25s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.ep-pill:hover{background:#ff69b424;border-color:#ff69b499;color:#fff;transform:translateY(-3px) scale(1.06);box-shadow:0 6px 20px #ff69b440}.ep-pill b{color:#ffb3d9}.ep-pill-g{color:#72efb4;border-color:#50dc8c47}.ep-pill-g:hover{background:#50dc8c24;border-color:#50dc8ca6;color:#fff;box-shadow:0 6px 20px #50dc8c38}.ep-pill-y{color:#ffd26e;border-color:#ffb40047}.ep-pill-y:hover{background:#ffb40024;border-color:#ffb400a6;color:#fff;box-shadow:0 6px 20px #ffb40038}.ep-pill-b{color:#93c5fd;border-color:#64a0ff47}.ep-pill-b:hover{background:#64a0ff24;border-color:#64a0ffa6;color:#fff;box-shadow:0 6px 20px #64a0ff38}.ep-pill-p{color:#ffb3d9}.ep-pill-p:hover{background:#ff69b42e;border-color:#ff69b4b3;color:#fff;box-shadow:0 6px 22px #ff69b452}.ev-section{position:relative;z-index:2;max-width:860px;margin:0 auto clamp(3.5rem,8vw,5.5rem);opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.ev-section.ev-visible{opacity:1;transform:translateY(0)}.ev-head{text-align:center;margin-bottom:clamp(1.4rem,3vw,2rem)}.ev-label-pill{display:inline-flex;align-items:center;gap:6px;background:#ba55d31f;border:1px solid rgba(186,85,211,.3);border-radius:50px;padding:.3rem 1rem;font-size:clamp(.6rem,1.5vw,.7rem);font-weight:700;color:#d8a0f0;letter-spacing:1px;text-transform:uppercase;margin-bottom:.9rem}.ev-title{font-size:clamp(1.4rem,4vw,2.1rem);font-weight:800;background:linear-gradient(135deg,#e879f9,#a855f7,#ff69b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.ev-sub{font-size:clamp(.78rem,1.9vw,.9rem);color:var(--muted);line-height:1.7}.ev-player-wrap{position:relative}.ev-glow{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(186,85,211,.22),transparent 70%);border-radius:50%;pointer-events:none;filter:blur(30px);z-index:0}.ev-video-box{position:relative;z-index:1;border-radius:clamp(16px,3.5vw,24px);overflow:hidden;background:#0d0617;border:2px solid rgba(186,85,211,.28);box-shadow:0 clamp(16px,3.5vw,28px) clamp(40px,8vw,72px) #0000008c,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;aspect-ratio:16 / 9;width:100%}.ev-video{width:100%;height:100%;display:block;object-fit:cover}.ev-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .22s;z-index:2}.ev-play-overlay:hover{background:#00000038}.ev-play-icon{width:clamp(56px,12vw,76px);height:clamp(56px,12vw,76px);background:linear-gradient(135deg,var(--pk),var(--pu));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,3.5vw,2rem);color:#fff;box-shadow:0 8px 32px #ff69b480;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;padding-left:4px}.ev-play-overlay:hover .ev-play-icon{transform:scale(1.1);box-shadow:0 12px 40px #ff69b4a6}.ev-play-ripple{position:absolute;width:clamp(56px,12vw,76px);height:clamp(56px,12vw,76px);border-radius:50%;background:#ff69b433;animation:evRipple 2s ease-out infinite}@keyframes evRipple{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}.ev-caption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:clamp(.9rem,2vw,1.2rem);font-size:clamp(.7rem,1.7vw,.82rem);color:var(--muted);font-style:italic;font-weight:500}.ep-section-head{text-align:center;margin-bottom:clamp(1.4rem,3vw,2.2rem);position:relative;z-index:2}.ep-section-head h2{font-size:clamp(1.35rem,3.8vw,2rem);font-weight:800;background:linear-gradient(135deg,var(--pk),var(--pu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem}.ep-section-head p{font-size:clamp(.78rem,1.8vw,.9rem);color:var(--muted);line-height:1.7;max-width:440px;margin:0 auto}.ep-dir{position:relative;z-index:2;max-width:780px;margin:0 auto clamp(3rem,7vw,5rem)}.ep-search-wrap{display:flex;justify-content:center;margin-bottom:clamp(1.4rem,3vw,2.2rem)}.ep-search-box{display:flex;align-items:center;gap:.6rem;width:100%;max-width:420px;background:var(--surf);border:1.5px solid var(--bord-pk);border-radius:50px;padding:.6rem 1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .25s,box-shadow .25s}.ep-search-box:focus-within{border-color:var(--pk);box-shadow:0 0 0 3.5px #ff69b41f}.ep-search-ico{font-size:14px;flex-shrink:0}.ep-search-input{flex:1;background:none;border:none;outline:none;font-family:var(--f);font-size:clamp(.78rem,1.8vw,.88rem);color:var(--txt);caret-color:var(--pk)}.ep-search-input::placeholder{color:var(--dim)}.ep-search-clear{background:none;border:none;color:var(--dim);font-size:1.15rem;line-height:1;padding:0;transition:color .2s}.ep-search-clear:hover{color:var(--pk)}.ep-cat-group{margin-bottom:.3rem}.ep-cat-label{font-size:clamp(.6rem,1.3vw,.68rem);font-weight:800;color:#ff69b480;text-transform:uppercase;letter-spacing:2px;margin:1.6rem 0 .65rem .25rem;display:flex;align-items:center;gap:.6rem}.ep-cat-label:after{content:"";flex:1;height:1px;background:#ff69b41a}.ep-acc-list{display:flex;flex-direction:column;gap:.45rem}.ep-acc-item{background:#ffffff08;border:1.5px solid rgba(255,255,255,.07);border-radius:var(--r);overflow:hidden;transition:border-color .25s,box-shadow .25s,background .25s,transform .22s;animation:epItemIn .38s ease both}@keyframes epItemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ep-acc-item:hover{border-color:#ff69b473;background:#ff69b40f;transform:translate(4px);box-shadow:0 4px 20px #ff69b41f,inset 0 0 0 1px #ff69b414}.ep-acc-item.ep-open{border-color:#ff69b473;background:#ff69b40f;box-shadow:0 8px 32px #ff69b424,inset 0 0 0 1px #ff69b414;transform:none}.ep-acc-trigger{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:clamp(.78rem,2.2vw,1rem) clamp(.9rem,2.5vw,1.2rem);text-align:left;transition:background .18s}.ep-acc-trigger:hover{background:transparent}.ep-acc-item:hover .ep-acc-name{color:#fff;text-shadow:0 0 16px rgba(255,105,180,.55)}.ep-acc-item:hover .ep-acc-emoji{background:linear-gradient(135deg,#ff69b440,#ba55d340);border-color:#ff69b461;box-shadow:0 4px 14px #ff69b438}.ep-acc-left{display:flex;align-items:center;gap:.8rem;flex:1;min-width:0}.ep-acc-emoji{width:clamp(36px,7vw,42px);height:clamp(36px,7vw,42px);flex-shrink:0;border-radius:var(--r-xs);background:linear-gradient(135deg,#ff69b424,#ba55d324);border:1px solid rgba(255,105,180,.16);display:flex;align-items:center;justify-content:center;font-size:clamp(.9rem,2.5vw,1.1rem);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.ep-open .ep-acc-emoji{transform:rotate(-8deg) scale(1.1)}.ep-acc-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.ep-acc-name{font-size:clamp(.84rem,2.1vw,.97rem);font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(255,255,255,.08)}.ep-acc-path{font-family:Courier New,monospace;font-size:clamp(.52rem,1.2vw,.62rem);color:#ff69b46b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-acc-right{display:flex;align-items:center;gap:.55rem;flex-shrink:0}.ep-btag{font-size:clamp(.5rem,1vw,.58rem);font-weight:700;padding:.18rem .55rem;border-radius:50px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.ep-btag-open{background:#50dc8c1a;color:#6beeae;border:1px solid rgba(80,220,140,.22)}.ep-btag-locked{background:#ffb4001a;color:#ffd26e;border:1px solid rgba(255,180,0,.22)}.ep-btag-soon{background:#64a0ff1a;color:#93c5fd;border:1px solid rgba(100,160,255,.22)}.ep-chevron{width:clamp(26px,5vw,30px);height:clamp(26px,5vw,30px);border-radius:50%;background:linear-gradient(135deg,var(--pk),var(--pk2));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),background .25s,box-shadow .25s;box-shadow:0 3px 10px #ff69b452}.ep-open .ep-chevron{transform:rotate(180deg);background:linear-gradient(135deg,var(--pk2),var(--pu));box-shadow:0 4px 14px #ba55d36b}.ep-acc-body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);padding:0 clamp(.9rem,2.5vw,1.2rem)}.ep-open .ep-acc-body{max-height:180px;padding-bottom:clamp(.9rem,2.2vw,1.1rem)}.ep-link-row{padding-top:.7rem;border-top:1px solid rgba(255,255,255,.05);margin-bottom:.75rem;overflow:hidden}.ep-link-chip{display:inline-flex;align-items:center;gap:.35rem;background:#ff69b412;border:1px solid rgba(255,105,180,.18);border-radius:50px;padding:.26rem .8rem;font-family:Courier New,monospace;font-size:clamp(.58rem,1.2vw,.65rem);color:#ffb3d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ep-acc-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ep-btn-copy,.ep-btn-open{display:inline-flex;align-items:center;gap:.35rem;border-radius:50px;padding:clamp(.32rem,1.2vw,.42rem) clamp(.75rem,2.5vw,1.1rem);font-family:var(--f);font-size:clamp(.64rem,1.4vw,.74rem);font-weight:700;cursor:pointer;transition:all .22s ease;white-space:nowrap}.ep-btn-copy{background:#ffd70014;border:1.5px solid rgba(255,215,0,.22);color:#ffd26e}.ep-btn-copy:hover{background:#ffd70029;border-color:#ffd7006b;color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 14px #ffd7002e}.ep-btn-copy.ep-copied{background:#50dc8c1a;border-color:#50dc8c4d;color:#6beeae}.ep-btn-open{background:#ff69b41a;border:1.5px solid rgba(255,105,180,.25);color:#ffb3d9}.ep-btn-open:hover{background:#ff69b433;border-color:#ff69b473;color:var(--txt);transform:translateY(-2px);box-shadow:0 4px 14px #ff69b438}.ep-empty{text-align:center;padding:3rem 1rem;font-size:clamp(.82rem,1.8vw,.92rem);color:var(--dim)}.ep-footer{text-align:center;position:relative;z-index:2;padding-top:1rem}.ep-footer-heart{font-size:clamp(1.8rem,5vw,2.4rem);display:block;margin-bottom:.6rem;animation:epHeart 1.9s ease-in-out infinite}@keyframes epHeart{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.ep-footer p{font-size:clamp(.76rem,1.7vw,.86rem);color:var(--dim);line-height:1.9;margin:0}.ep-footer-accent{color:var(--pk)!important;font-weight:700}@keyframes epFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.ep-acc-path,.ep-btag{display:none}.ep-link-chip{font-size:.58rem}.ep-acc-trigger{padding:.72rem .85rem}.ep-pills{gap:.35rem}}@media (min-width: 600px){.ep-wrap{padding-left:2rem;padding-right:2rem}}@media (min-width: 900px){.ev-section{padding:0 1rem}}:root{--pk: #ff69b4;--sk: #ba55d3;--ak: #ffd700;--wk: #ffffff;--gk: #cccccc;--f-c: #ff1493;--h-c: #ff4da6;--key-size: 52px;--key-gap: 5px;--key-radius: 9px;--key-font: clamp(.65rem, 1.8vw, .92rem)}.kb-hero,.kb-strip,.kb-section,.kb-cards,.kb-modal,.kb-legend,.kb-note,.kb-board,.kb-key,.kb-card,.kb-leg-item{font-family:Comic Sans MS,Comic Sans,cursive}.kb-hero{position:relative;overflow:hidden;min-height:62vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:150px 1.5rem 70px}.kb-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px)}.kb-orb1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,105,180,.22) 0%,transparent 70%);top:-160px;left:-160px;animation:kbPulse 5s ease-in-out infinite}.kb-orb2{width:420px;height:420px;background:radial-gradient(circle,rgba(186,85,211,.18) 0%,transparent 70%);bottom:-120px;right:-120px;animation:kbPulse 6s ease-in-out infinite reverse}@keyframes kbPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.18);opacity:.3}}.kb-hero-inner{position:relative;z-index:1;max-width:760px;width:100%}.kb-eyebrow{font-size:1.05rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--pk);margin-bottom:1.2rem}.kb-title{font-size:clamp(1.9rem,5.5vw,4.5rem);font-weight:900;line-height:1.15;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--pk),var(--sk),var(--ak));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kb-subtitle{font-size:clamp(.88rem,2.2vw,1.1rem);line-height:1.9;color:var(--gk);max-width:620px;margin:0 auto 2.2rem}.kb-hearts{display:flex;justify-content:center;gap:1.5rem;font-size:2rem}.kb-hearts span{animation:kbFloat 3s ease-in-out infinite}.kb-hearts span:nth-child(2){animation-delay:.5s}.kb-hearts span:nth-child(3){animation-delay:1s}@keyframes kbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.kb-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 1rem;padding:.85rem 1.5rem;font-size:clamp(.76rem,2vw,.93rem);color:var(--gk);text-align:center;background:linear-gradient(90deg,#ff69b41a,#ba55d31a,#ff69b41a);border-top:1px solid rgba(255,105,180,.18);border-bottom:1px solid rgba(255,105,180,.18)}.kb-strip-hi{color:var(--pk);font-weight:700}.kb-section{padding:50px 1rem 55px}.kb-wrap{max-width:860px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:stretch}.kb-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1.4rem;margin-bottom:1.8rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff69b412,#ba55d312);border:1.5px solid rgba(255,105,180,.2);border-radius:18px}.kb-leg-item{display:flex;align-items:center;gap:.55rem;font-size:clamp(.76rem,2vw,.92rem);color:var(--gk);white-space:nowrap}.kb-leg-div{width:1px;height:26px;background:#ff69b438;flex-shrink:0}.kb-leg-key{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;font-weight:900;font-size:.98rem;flex-shrink:0;font-family:Comic Sans MS,cursive}.kb-leg-f{background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;box-shadow:0 0 12px #ff149380}.kb-leg-h{background:linear-gradient(135deg,#ff4da6,#ba55d3);color:#fff;box-shadow:0 0 12px #ff4da680}.kb-leg-n{background:#ffffff14;border:1.5px solid rgba(255,105,180,.3);color:var(--wk);font-size:.78rem;width:auto;min-width:38px;padding:0 7px;border-radius:9px}.kb-board{width:100%;box-sizing:border-box;background:linear-gradient(145deg,#ffffff0b,#ffffff03);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:2px solid rgba(255,105,180,.22);border-radius:22px;padding:clamp(8px,2vw,16px) clamp(6px,1.5vw,14px);box-shadow:0 0 55px #ff69b41a,0 28px 75px #0000007a,inset 0 1px #ffffff0d}.kb-row{display:flex;justify-content:center;gap:clamp(2px,.5vw,5px);margin-bottom:clamp(2px,.5vw,5px)}.kb-row:last-child{margin-bottom:0}.kb-key{flex:1 1 0;min-width:0;aspect-ratio:1 / 1;max-width:clamp(28px,7vw,54px);height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px;background:linear-gradient(155deg,#ffffff17,#ffffff08);border:1.5px solid rgba(255,105,180,.24);border-bottom:3px solid rgba(255,105,180,.42);border-radius:var(--key-radius);color:var(--wk);font-size:var(--key-font);font-weight:700;font-family:Comic Sans MS,cursive;box-shadow:0 4px 10px #00000047;transition:background .16s,transform .16s,box-shadow .16s,border-color .16s;white-space:nowrap;overflow:hidden}.kb-key:hover{background:linear-gradient(145deg,#ff69b447,#ba55d338);border-color:var(--pk);transform:translateY(-3px);box-shadow:0 8px 22px #ff69b466}.kb-key.kb-active,.kb-key:active{transform:translateY(1px);border-bottom-width:1.5px;box-shadow:0 2px 6px #ff69b42e}.kb-lbl{pointer-events:none;line-height:1;font-size:inherit}.kb-wide{flex:1.6 1 0;max-width:clamp(44px,11vw,84px)}.kb-enter{flex:2 1 0;max-width:clamp(55px,14vw,108px)}.kb-shift{flex:2.5 1 0;max-width:clamp(65px,18vw,130px);aspect-ratio:unset;height:auto}.kb-space{flex:7 1 0;max-width:60%;aspect-ratio:unset;height:clamp(36px,6vw,52px);font-size:clamp(.7rem,1.8vw,.9rem);background:linear-gradient(135deg,#ff69b424,#ba55d31a);border-color:#ff69b45c}.kb-space:hover{background:linear-gradient(135deg,#ff69b44d,#ba55d33d);box-shadow:0 8px 26px #ff69b46b}.kb-wide,.kb-enter{aspect-ratio:unset;height:clamp(30px,5.5vw,52px)}.kb-fkey{flex:1.2 1 0!important;max-width:clamp(34px,8.5vw,64px)!important;aspect-ratio:1 / 1!important;height:auto!important;border-radius:13px!important;font-size:clamp(.75rem,2.2vw,1.4rem)!important;font-weight:900!important;color:#fff!important;background:linear-gradient(145deg,#ff1493,#ff69b4)!important;border:2px solid #ff1493!important;border-bottom:4px solid #b5006a!important;box-shadow:0 0 22px #ff1493b8,0 0 42px #ff149357,0 6px 16px #00000061!important;animation:kbFglow 2.5s ease-in-out infinite;z-index:2}@keyframes kbFglow{0%,to{box-shadow:0 0 22px #ff1493b8,0 0 42px #ff149357,0 6px 16px #00000061}50%{box-shadow:0 0 38px #ff1493,0 0 68px #ff14938c,0 6px 16px #00000061}}.kb-fkey:hover{transform:translateY(-6px) scale(1.08)!important;box-shadow:0 0 48px #ff1493,0 0 85px #ff14939e,0 12px 28px #00000075!important}.kb-hkey{flex:1.2 1 0!important;max-width:clamp(34px,8.5vw,64px)!important;aspect-ratio:1 / 1!important;height:auto!important;border-radius:13px!important;font-size:clamp(.75rem,2.2vw,1.4rem)!important;font-weight:900!important;color:#fff!important;background:linear-gradient(145deg,#ff4da6,#ba55d3)!important;border:2px solid #ff4da6!important;border-bottom:4px solid #870090!important;box-shadow:0 0 22px #ff4da6b8,0 0 42px #ba55d357,0 6px 16px #00000061!important;animation:kbHglow 2.8s ease-in-out infinite;z-index:2}@keyframes kbHglow{0%,to{box-shadow:0 0 22px #ff4da6b8,0 0 42px #ba55d357,0 6px 16px #00000061}50%{box-shadow:0 0 38px #ff4da6,0 0 68px #ba55d394,0 6px 16px #00000061}}.kb-hkey:hover{transform:translateY(-6px) scale(1.08)!important;box-shadow:0 0 48px #ff4da6,0 0 85px #ba55d3b8,0 12px 28px #00000075!important}.kb-badge{position:absolute;top:-9px;right:-9px;font-size:.72rem;pointer-events:none;animation:kbSpin 3s ease-in-out infinite;line-height:1}@keyframes kbSpin{0%,to{transform:rotate(-12deg) scale(1)}50%{transform:rotate(12deg) scale(1.3)}}.kb-note{text-align:center;margin-top:1.5rem;font-size:.95rem;color:var(--gk);font-style:italic}.kb-cards{padding:40px 1.5rem 70px}.kb-cards-inner{max-width:880px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.kb-card{background:linear-gradient(135deg,#ff69b41a,#ba55d314);border:2px solid rgba(255,105,180,.2);border-radius:20px;padding:2rem 1.3rem;text-align:center;transition:transform .32s,box-shadow .32s,border-color .32s}.kb-card:hover{transform:translateY(-8px);border-color:var(--pk);box-shadow:0 20px 48px #ff69b447}.kb-card-ico{font-size:2.6rem;margin-bottom:.8rem}.kb-card-h{font-size:1.15rem;color:var(--pk);font-weight:800;margin-bottom:.55rem}.kb-card-b{font-size:.9rem;color:var(--gk);line-height:1.7}.kb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:1.2rem;background:#000c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:kbOvIn .22s ease}@keyframes kbOvIn{0%{opacity:0}to{opacity:1}}.kb-modal{position:relative;width:100%;max-width:480px;text-align:center;padding:3.2rem 2.5rem 2.6rem;border-radius:26px;border:2px solid var(--qc, var(--pk));background:linear-gradient(135deg,#ff69b424,#ba55d324);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 0 58px #ff69b447,0 36px 90px #0000007a;animation:kbMoIn .32s cubic-bezier(.175,.885,.32,1.275)}@keyframes kbMoIn{0%{opacity:0;transform:scale(.68) translateY(36px)}to{opacity:1;transform:scale(1) translateY(0)}}.kb-close{position:absolute;top:1.1rem;right:1.1rem;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .22s,transform .22s}.kb-close:hover{background:var(--pk);transform:rotate(90deg) scale(1.1)}.kb-modal-badge{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:15px;background:linear-gradient(135deg,var(--qc, var(--pk)),var(--sk));font-size:1.9rem;font-weight:900;color:#fff;margin-bottom:1.1rem;box-shadow:0 0 26px #ff69b475;animation:kbPop .36s cubic-bezier(.175,.885,.32,1.275);font-family:Comic Sans MS,cursive}@keyframes kbPop{0%{transform:scale(0) rotate(-18deg)}to{transform:scale(1) rotate(0)}}.kb-modal-moji{display:block;font-size:3rem;margin-bottom:1.3rem;animation:kbFloat 2.2s ease-in-out infinite}.kb-modal-q{font-size:clamp(.9rem,2.8vw,1.18rem);line-height:1.88;color:var(--wk);font-style:italic;margin-bottom:1.5rem}.kb-modal-sig{font-size:.94rem;color:var(--pk);font-weight:700;margin-bottom:.9rem}.kb-modal-deco{display:flex;justify-content:center;gap:1rem;font-size:1.3rem}.kb-modal-deco span{animation:kbFloat 2.5s ease-in-out infinite}.kb-modal-deco span:nth-child(2){animation-delay:.4s}.kb-modal-deco span:nth-child(3){animation-delay:.8s}.kb-top{position:fixed;bottom:28px;right:28px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--pk),var(--sk));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.15rem;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s,transform .3s,box-shadow .3s;z-index:9999;box-shadow:0 5px 18px #ff69b47a}.kb-top.active{opacity:1;visibility:visible}.kb-top:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 26px #ff69b4a6}@media (max-width: 860px){.kb-hero{padding:130px 1.2rem 55px}.kb-section{padding:40px .75rem 48px}:root{--key-font: clamp(.58rem, 1.6vw, .82rem);--key-radius: 7px}}@media (max-width: 768px){.kb-leg-div{display:none}.kb-legend{gap:.5rem .85rem;padding:.85rem 1rem;border-radius:14px}.kb-leg-item{font-size:.8rem}.kb-leg-key{width:32px;height:32px;font-size:.84rem;border-radius:7px}.kb-cards-inner{grid-template-columns:1fr;gap:1rem}.kb-card{padding:1.5rem 1.2rem}.kb-modal{padding:2.6rem 1.5rem 2rem;max-width:95vw}.kb-key{max-width:clamp(24px,6.5vw,44px)}.kb-wide{max-width:clamp(38px,10vw,72px)}.kb-enter{max-width:clamp(48px,13vw,96px)}.kb-shift{max-width:clamp(55px,16vw,115px)}.kb-fkey,.kb-hkey{max-width:clamp(30px,7.5vw,54px)!important}}@media (max-width: 480px){.kb-hero{padding:120px 1rem 45px}.kb-strip{font-size:.76rem;padding:.7rem 1rem}.kb-section{padding:32px .5rem 40px}.kb-legend{gap:.4rem .7rem;padding:.75rem}.kb-leg-key{width:28px;height:28px;font-size:.76rem}.kb-leg-item{font-size:.74rem;gap:.38rem}.kb-board{border-radius:14px;padding:8px 5px}.kb-row{gap:2px;margin-bottom:3px}.kb-key{max-width:clamp(20px,6vw,36px);border-radius:5px;border-bottom-width:2px}.kb-wide{max-width:clamp(32px,9.5vw,58px);height:clamp(26px,5vw,38px)}.kb-enter{max-width:clamp(42px,12vw,75px);height:clamp(26px,5vw,38px)}.kb-shift{max-width:clamp(50px,15vw,95px);height:clamp(26px,5vw,38px)}.kb-space{height:clamp(38px,7vw,50px);font-size:clamp(.65rem,1.8vw,.82rem);max-width:75%;flex:8 1 0}.kb-fkey,.kb-hkey{max-width:clamp(26px,7vw,42px)!important;border-radius:7px!important;font-size:clamp(.65rem,2vw,1rem)!important}.kb-modal{padding:2.2rem 1.1rem 1.8rem;border-radius:20px}.kb-modal-badge{width:54px;height:54px;font-size:1.55rem}.kb-modal-q{font-size:.9rem}.kb-card-h{font-size:1rem}.kb-card-b{font-size:.86rem}}@media (max-width: 360px){.kb-key{max-width:clamp(18px,5.5vw,30px)}.kb-wide{max-width:clamp(28px,8.5vw,50px)}.kb-enter{max-width:clamp(36px,11vw,64px)}.kb-shift{max-width:clamp(44px,14vw,82px)}.kb-fkey,.kb-hkey{max-width:clamp(22px,6.5vw,36px)!important}}.arabic-text-styled{font-family:Amiri,serif;font-size:2.2rem;color:#2c3e50;margin-bottom:15px;font-weight:700;letter-spacing:0;text-shadow:1px 1px 2px rgba(0,0,0,.05)}.nastaliq-urdu{font-family:Noto Nastaliq Urdu,serif;line-height:2.2;direction:rtl;color:#d63384;text-shadow:0 0 10px rgba(214,51,132,.2);margin:20px 0}.love-hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:150px 2rem 80px;position:relative;overflow:hidden;text-align:center}.love-hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;top:-200px;left:-200px;animation:pulse 4s ease-in-out infinite}.love-hero:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;bottom:-150px;right:-150px;animation:pulse 4s ease-in-out infinite 2s}.love-hero-content{max-width:900px;position:relative;z-index:1;animation:fadeInUp 1s ease-out}.love-hero-subtitle{font-size:1.3rem;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;letter-spacing:3px;text-transform:uppercase}.love-hero-title{font-size:4.5rem;font-weight:900;line-height:1.2;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.love-hero-description{font-size:1.3rem;line-height:1.9;color:var(--text-gray);margin-bottom:3rem}.reasons-section{padding:100px 2rem;position:relative;overflow:hidden}.reasons-section:before{content:"💕";position:absolute;font-size:20rem;opacity:.05;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes heartbeat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.reasons-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.love-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.love-card{background:linear-gradient(135deg,#ff69b41a,#ba55d31a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden}.love-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.love-card:hover:before{opacity:1}.love-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ff69b44d}.love-icon{font-size:3rem;margin-bottom:1rem}.love-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--accent-color)}.love-text{color:var(--text-gray);line-height:1.8}.choose-section{padding:100px 2rem}.choose-container{max-width:1000px;margin:0 auto;text-align:center}.choose-card{background:linear-gradient(135deg,#ff69b426,#ba55d326);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem 3rem;border-radius:30px;border:2px solid rgba(255,105,180,.3);box-shadow:0 30px 80px #ff69b44d;position:relative;overflow:hidden}.choose-card:before{content:"🔄";position:absolute;font-size:15rem;opacity:.05;top:50%;left:50%;transform:translate(-50%,-50%)}.choose-content{position:relative;z-index:1}.choose-icon{font-size:5rem;margin-bottom:2rem;animation:rotateIcon 4s ease-in-out infinite}@keyframes rotateIcon{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.choose-text{font-size:1.4rem;line-height:2;color:var(--text-light);margin-bottom:2rem;font-weight:300}.choose-highlight{font-size:2rem;font-weight:700;color:var(--primary-color);margin:2rem 0}.wishes-section{padding:100px 2rem}.wishes-container{max-width:1400px;margin:0 auto}.wishes-grid{display:grid;gap:2.5rem;margin-top:3rem}.wish-card{background:linear-gradient(135deg,#ff69b41a,#ba55d31a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2.5rem;border-radius:25px;border:2px solid transparent;transition:all .5s ease;position:relative;overflow:hidden;text-align:center}.wish-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;padding:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease}.wish-card:hover:before{opacity:1}.wish-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 60px #ff69b466}.wish-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block;animation:bounce 2s ease-in-out infinite}.wish-card:hover .wish-icon{animation:none;transform:scale(1.2)}.wish-title{font-size:1.6rem;font-weight:700;margin-bottom:1rem;color:var(--accent-color)}.wish-description{color:var(--text-gray);line-height:1.8}.dua-section{padding:100px 2rem;position:relative;overflow:hidden}.dua-section:before{position:absolute;font-size:25rem;opacity:.03;top:50%;right:-5%;transform:translateY(-50%)}.dua-container{max-width:1000px;margin:0 auto}.dua-card{background:linear-gradient(135deg,#ff69b426,#ba55d326);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem 3rem;border-radius:30px;border:2px solid rgba(255,105,180,.3);box-shadow:0 30px 80px #ff69b44d;text-align:center;position:relative;overflow:hidden}.dua-header{margin-bottom:3rem}.dua-icon{font-size:5rem;margin-bottom:1.5rem;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,105,180,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,105,180,.8))}}.dua-content{position:relative;z-index:1}.dua-text{font-size:1.4rem;line-height:2.2;color:var(--text-light);margin-bottom:2rem;font-style:italic;direction:rtl;text-align:center}.dua-translation{font-size:1.2rem;line-height:2;color:var(--text-gray);margin-bottom:3rem;font-style:italic}.amen-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-light);font-weight:700;font-size:1.3rem;padding:1.5rem 4rem;border-radius:50px;border:none;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 40px #ff69b480;display:inline-flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.amen-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.amen-button:hover:before{width:400px;height:400px}.amen-button:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 15px 50px #ff69b4b3}.amen-count{font-size:1.1rem;color:var(--accent-color);margin-top:2rem;font-weight:600}@media (max-width: 1024px){.love-grid{grid-template-columns:1fr}.wishes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.love-hero-title{font-size:2.8rem}.section-title{font-size:2.2rem}.wishes-grid{grid-template-columns:1fr}}@media (max-width: 480px){.love-hero-title{font-size:2rem}.section-title{font-size:1.8rem}.love-hero,.reasons-section,.choose-section,.wishes-section,.dua-section{padding:60px 1rem}.choose-card,.dua-card{padding:2.5rem 1.5rem}.amen-button{padding:1.2rem 2.5rem;font-size:1.1rem}}.letters-hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:150px 2rem 80px;position:relative;overflow:hidden;text-align:center}.letters-hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;top:-200px;left:-200px;animation:pulse 4s ease-in-out infinite}.letters-hero-content{max-width:900px;position:relative;z-index:1}.letters-hero-subtitle{font-size:1.3rem;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;letter-spacing:3px;text-transform:uppercase}.letters-hero-title{font-size:5rem;font-weight:700;line-height:1.2;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.letters-hero-description{font-size:1.2rem;line-height:1.9;color:var(--text-gray);margin-bottom:3rem}.hero-decorative-hearts{display:flex;justify-content:center;gap:1.5rem;font-size:2.5rem;margin-top:2rem}.hero-decorative-hearts span{animation:heartFloat 3s ease-in-out infinite}.hero-decorative-hearts span:nth-child(2){animation-delay:.5s}.hero-decorative-hearts span:nth-child(3){animation-delay:1s}@keyframes heartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.month-selector-section{padding:80px 2rem}.month-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.month-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;margin-bottom:3rem}.month-card{background:linear-gradient(135deg,#ff69b41a,#ba55d31a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:15px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;text-align:center}.month-card:hover,.month-card.active{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 30px #ff69b466}.month-card.active{background:linear-gradient(135deg,#ff69b433,#ba55d333)}.month-icon{font-size:2rem;margin-bottom:.5rem}.month-name{font-weight:700;font-size:1.1rem;color:var(--text-light)}.letters-section{padding:80px 2rem}.letters-container{max-width:1400px;margin:0 auto}.letters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.letter-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;border:2px solid rgba(255,105,180,.2);transition:all .4s ease;position:relative;overflow:hidden}.letter-card.locked{opacity:.6;cursor:not-allowed}.letter-card:not(.locked):hover{transform:translateY(-10px);box-shadow:0 20px 50px #ff69b466;border-color:var(--primary-color)}.letter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.letter-date{font-weight:700;font-size:1.3rem;color:var(--accent-color)}.letter-status{font-size:1.5rem}.letter-title{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem}.letter-preview{font-size:1.1rem;line-height:1.8;color:var(--text-gray);margin-bottom:1.5rem;max-height:100px;overflow:hidden;position:relative}.letter-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,transparent,rgba(26,26,46,.9))}.read-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-light);padding:.8rem 2rem;border-radius:50px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.read-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #ff69b480}.locked-overlay{text-align:center;padding:2rem 0}.lock-icon{font-size:3rem;color:var(--text-gray);margin-bottom:1rem}.locked-text{color:var(--text-gray);font-size:1.1rem}.letter-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:99999;align-items:center;justify-content:center;padding:2rem}.letter-modal.active{display:flex}.modal-content{background:linear-gradient(135deg,#ff69b41a,#ba55d31a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:3rem;max-width:800px;width:100%;max-height:80vh;overflow-y:auto;border:2px solid rgba(255,105,180,.3);position:relative;animation:modalSlideIn .4s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.close-modal{position:absolute;top:1.5rem;right:1.5rem;font-size:2rem;color:var(--text-light);cursor:pointer;width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-modal:hover{background:var(--primary-color);transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:2rem}.modal-date{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.modal-title{font-size:2.5rem;color:var(--primary-color)}.modal-body{font-size:1.3rem;line-height:2;color:var(--text-light);margin-bottom:2rem}.modal-signature{text-align:right;font-size:1.8rem;color:var(--primary-color);margin-top:2rem}.feelings-section{padding:100px 2rem}.feelings-container{max-width:1000px;margin:0 auto;text-align:center}.feelings-card{background:linear-gradient(135deg,#ff69b426,#ba55d326);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem 3rem;border-radius:30px;border:2px solid rgba(255,105,180,.3);box-shadow:0 30px 80px #ff69b44d}.feelings-icon{font-size:5rem;margin-bottom:2rem}.feelings-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feelings-text{font-size:1.3rem;line-height:2;color:var(--text-light);margin-bottom:2rem}@media (max-width: 1024px){.month-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.letters-hero-title{font-size:3.5rem}.month-grid{grid-template-columns:repeat(3,1fr)}.letters-grid{grid-template-columns:1fr}.modal-content{padding:2rem}}@media (max-width: 480px){.letters-hero-title{font-size:2.5rem}.month-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}}.about-karan{position:relative;padding:5rem 2rem;background:linear-gradient(180deg,#0f001ef2,#1a0033f2);overflow:hidden}.about-bg-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.about-circle{position:absolute;border-radius:50%;opacity:.15;animation:floatCircle 20s ease-in-out infinite}.circle-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,0,150,.4),transparent);top:-100px;right:-100px}.circle-2{width:300px;height:300px;background:radial-gradient(circle,rgba(138,43,226,.4),transparent);bottom:-50px;left:-50px;animation-delay:5s}.circle-3{width:250px;height:250px;background:radial-gradient(circle,rgba(255,215,0,.3),transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes floatCircle{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.about-karan-container{max-width:1000px;margin:0 auto;position:relative;z-index:2}.about-icon-header{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.about-icon{font-size:3rem;animation:iconBounce 2s ease-in-out infinite}.about-icon:nth-child(2){animation-delay:.3s}.about-icon:nth-child(3){animation-delay:.6s}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.about-title{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:900;text-align:center;background:linear-gradient(135deg,#ff0096,#8a2be2,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,0,150,.5))}50%{filter:drop-shadow(0 0 25px rgba(255,0,150,.8))}}.about-title-underline{width:150px;height:4px;background:linear-gradient(90deg,transparent,#ff0096,transparent);margin:0 auto 3rem;border-radius:2px}.about-description{color:#ffffffe6;line-height:1.8}.about-intro{font-size:1.3rem;text-align:center;margin-bottom:3rem;padding:0 2rem;color:#fffffff2}.about-intro strong{color:#ff0096;font-weight:700}.about-highlights{display:grid;gap:2rem;margin-bottom:3rem}.highlight-item{display:flex;gap:1.5rem;padding:2rem;background:#ff00960d;border:1px solid rgba(255,0,150,.2);border-radius:15px;transition:all .4s ease;animation:slideInHighlight .8s ease-out}.highlight-item:nth-child(2){animation-delay:.2s}.highlight-item:nth-child(3){animation-delay:.4s}@keyframes slideInHighlight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.highlight-item:hover{background:#ff00961a;border-color:#ff009666;transform:translate(10px);box-shadow:0 10px 30px #ff009633}.highlight-icon{font-size:2.5rem;flex-shrink:0}.highlight-content h4{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.5rem}.highlight-content p{font-size:1.05rem;color:#fffc;line-height:1.6}.highlight-content em{color:#ff0096;font-style:italic}.about-quote{background:linear-gradient(135deg,#ff00961a,#8a2be21a);border-left:4px solid #ff0096;padding:2rem;margin:3rem 0;border-radius:10px;position:relative}.about-quote:before{content:'"';font-size:5rem;font-family:Georgia,serif;color:#ff00964d;position:absolute;top:-10px;left:20px}.about-quote p{font-size:1.2rem;font-style:italic;color:#fffffff2;line-height:1.8;margin-bottom:1rem;padding-left:1rem}.about-quote cite{display:block;text-align:right;font-size:1rem;color:#ff0096;font-weight:600;font-style:normal}.about-stats{display:flex;flex-direction:column;gap:2.5rem;margin:4rem 0;padding:0;background:transparent;border:none;position:relative}.stat-item{display:flex;align-items:center;gap:2rem;padding:2.5rem 3rem;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,0,150,.3);border-radius:30px;transition:all .4s ease;position:relative;overflow:hidden;width:100%;max-width:600px}.stat-item:nth-child(1){align-self:flex-end;margin-right:0}.stat-item:nth-child(2){align-self:flex-start;margin-left:0}.stat-item:nth-child(3){align-self:flex-start;margin-left:0}.stat-item:nth-child(4){align-self:flex-end;margin-right:0}.stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,150,.1),transparent);transition:left .6s ease}.stat-item:hover:before{left:100%}.stat-item:hover{transform:scale(1.03);border-color:#ff009699;box-shadow:0 20px 60px #ff009666;background:#ff009614}.stat-icon-wrapper{position:relative;flex-shrink:0;width:120px;height:120px}.stat-circle{position:absolute;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,#ff0096,#8a2be2,#ff0096);animation:rotateCircle 3s linear infinite}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-circle-inner{position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:50%;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.stat-step{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-number{font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#ff0096,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-badge{position:absolute;top:-5px;right:-5px;width:35px;height:35px;background:linear-gradient(135deg,#ff0096,#8a2be2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;border:3px solid rgba(0,0,0,.9);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 #ff0096b3}50%{transform:scale(1.1);box-shadow:0 0 20px 5px #ff009600}}.stat-content{flex:1}.stat-label{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;color:#fff;margin-bottom:.8rem;text-transform:capitalize}.stat-description{font-size:1.05rem;color:#fffc;line-height:1.6}.about-bottom-decoration{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:3rem}.decoration-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,rgba(255,0,150,.5),transparent);max-width:200px}.decoration-star{font-size:1.5rem;animation:starRotate 4s linear infinite}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1200px){.stat-item{max-width:650px}.stat-item:nth-child(1){margin-right:5%}.stat-item:nth-child(2){margin-left:5%}.stat-item:nth-child(3){margin-left:5%}.stat-item:nth-child(4){margin-right:5%}}@media (max-width: 1024px){.stat-item{max-width:100%!important;align-self:center!important;margin:0!important}.stat-label{font-size:1.7rem}}@media (max-width: 768px){.about-karan{padding:3rem 1.5rem}.about-title{font-size:2.5rem}.about-intro{font-size:1.1rem;padding:0 1rem}.about-icon-header{gap:1.5rem}.about-icon{font-size:2.5rem}.highlight-item{flex-direction:column;text-align:center;padding:1.5rem}.highlight-icon{font-size:2rem}.highlight-content h4{font-size:1.2rem}.highlight-content p{font-size:1rem}.about-quote{padding:1.5rem}.about-quote:before{font-size:4rem;left:10px}.about-quote p{font-size:1.1rem;padding-left:.5rem}.about-stats{gap:1.5rem;margin:2rem 0}.stat-item{flex-direction:column;text-align:center;padding:2rem 1.5rem;gap:1.5rem}.stat-icon-wrapper{width:100px;height:100px}.stat-number{font-size:1.5rem}.stat-label{font-size:1.5rem;margin-bottom:.5rem}.stat-description{font-size:.95rem}.stat-badge{width:30px;height:30px;font-size:.9rem}.circle-1{width:300px;height:300px}.circle-2{width:200px;height:200px}.circle-3{width:150px;height:150px}}@media (max-width: 480px){.about-title{font-size:2rem}.about-intro{font-size:1rem}.stat-item{padding:1.5rem 1rem;border-radius:20px}.stat-icon-wrapper{width:90px;height:90px}.stat-number,.stat-label{font-size:1.3rem}.stat-description{font-size:.9rem}}body{font-family:Poppins,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden}.songs-page{min-height:100vh;padding-bottom:4rem}.songs-hero-enhanced{position:relative;padding:8rem 2rem 6rem;background:linear-gradient(135deg,#0a0014,#1a0033,#0a0014);overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-background-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:floatOrb 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,0,150,.6),transparent);top:-150px;right:-150px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(138,43,226,.6),transparent);bottom:-100px;left:-100px;animation-delay:5s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(255,215,0,.4),transparent);top:40%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.hero-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,0,150,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,150,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.songs-hero-content-enhanced{position:sticky;z-index:10;max-width:1200px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;background:#ff00961a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,0,150,.3);border-radius:50px;margin-bottom:2rem;animation:fadeInDown .8s ease-out}.badge-icon{font-size:1.2rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.badge-text{font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700;color:#ff0096;text-transform:uppercase;letter-spacing:2px}.songs-hero-title-enhanced{font-family:Montserrat,sans-serif;font-size:6rem;font-weight:900;margin-bottom:1.5rem;animation:fadeInUp 1s ease-out .2s backwards}.title-gradient{background:linear-gradient(135deg,#ff0096,#8a2be2,gold,#ff0096);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;text-transform:uppercase;letter-spacing:3px;display:inline-block;filter:drop-shadow(0 0 30px rgba(255,0,150,.6))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.songs-hero-description-enhanced{font-size:1.2rem;color:#fffc;max-width:700px;margin:0 auto 4rem;line-height:1.8;animation:fadeInUp 1s ease-out .4s backwards}.hero-stats-dashboard{margin:4rem auto;max-width:1100px;animation:fadeInUp 1s ease-out .6s backwards}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card{position:relative;padding:2.5rem 1.5rem;background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff0096,#8a2be2,transparent);opacity:0;transition:opacity .4s ease}.stat-card:hover{transform:translateY(-10px);background:#ffffff0f;border-color:#ff009666;box-shadow:0 20px 60px #ff00964d,inset 0 1px #ffffff1a}.stat-card:hover:before{opacity:1}.stat-card:hover .stat-glow{opacity:.6;transform:scale(1.2)}.stat-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:radial-gradient(circle,rgba(255,0,150,.4),transparent 70%);opacity:0;transition:all .6s ease;pointer-events:none}.stat-icon-wrapper{position:relative;width:70px;height:70px;margin:0 auto 1.5rem}.stat-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff009633,#8a2be233);border-radius:50%;animation:rotate 3s linear infinite}.stat-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}.stat-content-hero{text-align:center}.stat-number-hero{font-family:Montserrat,sans-serif;font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,#ff0096,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1}.stat-label-hero{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.hero-decorative-icons-enhanced{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:3rem;animation:fadeInUp 1s ease-out .8s backwards}.hero-icon{font-size:2.5rem;filter:drop-shadow(0 4px 12px rgba(255,0,150,.4));animation:iconBounce 2s ease-in-out infinite}.hero-icon:nth-child(1){animation-delay:0s}.hero-icon:nth-child(2){animation-delay:.3s}.hero-icon:nth-child(3){animation-delay:.6s}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.songs-hero{position:relative;padding:6rem 2rem 4rem;background:linear-gradient(135deg,#ff009633,#8a2be233);text-align:center;overflow:hidden}.songs-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.5}.songs-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.songs-hero-subtitle{font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;color:#ff0096;text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem}.songs-hero-title{font-family:Montserrat,sans-serif;font-size:4.5rem;font-weight:800;background:linear-gradient(135deg,#ff0096,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px}.songs-hero-description{font-size:1.1rem;color:#ffffffb3;max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-decorative-icons{display:flex;justify-content:center;gap:2rem;font-size:2rem;margin-top:2rem}.hero-decorative-icons span{animation:float 3s ease-in-out infinite}.hero-decorative-icons span:nth-child(2){animation-delay:.5s}.hero-decorative-icons span:nth-child(3){animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.songs-container{max-width:1400px;margin:0 auto;padding:3rem 2rem}.search-section{margin-bottom:3rem}.search-bar{position:relative;max-width:600px;margin:0 auto 1.5rem}.search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);width:24px;height:24px;color:#ffffff80;pointer-events:none}.search-input{width:100%;padding:1.2rem 3.5rem 1.2rem 4rem;background:#ffffff0d;border:2px solid rgba(255,0,150,.3);border-radius:50px;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;outline:none;transition:all .3s ease}.search-input::placeholder{color:#fff6}.search-input:focus{border-color:#ff0096;background:#ffffff14;box-shadow:0 0 20px #ff00964d}.search-clear{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:#ff009633;border:none;border-radius:50%;width:28px;height:28px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.search-clear:hover{background:#ff009666;transform:translateY(-50%) rotate(90deg)}.songs-count{text-align:center;font-family:Montserrat,sans-serif;font-size:.9rem;color:#fff9;font-weight:600}.songs-list{display:flex;flex-direction:column;gap:1.5rem}.song-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease;animation:slideIn .5s ease-out backwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.song-item:hover{background:#ffffff0d;border-color:#ff009666;transform:translateY(-2px);box-shadow:0 10px 30px #ff009633}.song-item.active{background:#ff00961a;border-color:#ff0096}.album-art-container{width:70px;height:70px}.album-art{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000080}.album-art-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 60%)}.vinyl-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#0006;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.album-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.album-initial{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.gradient-pink{background:linear-gradient(135deg,#ff0096,#ff6bcb)}.gradient-purple{background:linear-gradient(135deg,#8a2be2,orchid)}.gradient-gold{background:linear-gradient(135deg,gold,#ffed4e)}.gradient-blue{background:linear-gradient(135deg,#4169e1,#87ceeb)}.gradient-orange{background:linear-gradient(135deg,#ff8c00,orange)}.gradient-red{background:linear-gradient(135deg,#dc143c,tomato)}.gradient-teal{background:linear-gradient(135deg,teal,#20b2aa)}.gradient-violet{background:linear-gradient(135deg,#9400d3,#ba55d3)}.gradient-cyan{background:linear-gradient(135deg,#00ced1,#48d1cc)}.gradient-magenta{background:linear-gradient(135deg,#f0f,#ff69b4)}.gradient-lime{background:linear-gradient(135deg,#32cd32,#7fff00)}.gradient-rose{background:linear-gradient(135deg,#ff007f,#ff69b4)}.equalizer{position:absolute;bottom:8px;right:8px;display:flex;align-items:flex-end;gap:3px;height:20px;z-index:10}.equalizer span{width:3px;background:#fff;border-radius:2px;animation:equalize .8s ease-in-out infinite}.equalizer span:nth-child(1){animation-delay:0s}.equalizer span:nth-child(2){animation-delay:.2s}.equalizer span:nth-child(3){animation-delay:.4s}.equalizer span:nth-child(4){animation-delay:.6s}@keyframes equalize{0%,to{height:8px}50%{height:20px}}.song-details{flex:1;min-width:0}.song-title{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-meta{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffff80}.song-artist,.song-album{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-separator{color:#ffffff4d}.song-duration{font-family:Montserrat,sans-serif;font-size:.9rem;color:#ffffff80;font-weight:600;min-width:50px;text-align:center}.play-btn{width:50px;height:50px;background:linear-gradient(135deg,#ff0096,#8a2be2);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #ff009666}.play-btn svg{width:24px;height:24px;color:#fff}.play-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff009699}.play-btn:active{transform:scale(.95)}.no-results{text-align:center;padding:4rem 2rem}.no-results-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.5}.no-results h3{font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:700;color:#fffc;margin-bottom:.5rem}.no-results p{font-size:1rem;color:#ffffff80}.pagination-container{margin:3rem 0;text-align:center}.load-more-btn{position:relative;padding:1.2rem 3rem;background:linear-gradient(135deg,#ff0096,#8a2be2);border:none;border-radius:50px;cursor:pointer;overflow:hidden;transition:all .4s ease;box-shadow:0 10px 30px #ff009666}.load-more-text{position:relative;z-index:2;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase;display:inline-flex;align-items:center;gap:.8rem}.load-more-icon{width:24px;height:24px;color:#fff;animation:arrowBounce 2s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.load-more-shine{position:absolute;top:-50%;left:-100%;width:100%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-25deg);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{left:-100%}to{left:200%}}.load-more-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff009699}.pagination-end{padding:2rem;text-align:center}.pagination-end-icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(.5)}.pagination-end p{font-family:Montserrat,sans-serif;font-size:1.2rem;color:#ffffffb3;margin-bottom:.5rem}.pagination-stats{font-size:.95rem;color:#ff0096cc;font-weight:600}.scroll-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,#ff0096,#8a2be2);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 15px #ff009666;z-index:100}.scroll-top svg{width:24px;height:24px;color:#fff}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ff009699}.popup-player{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:90%;max-width:800px;background:#0a0a0afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,0,150,.3);border-radius:20px;padding:1.5rem;box-shadow:0 10px 40px #000c,0 0 0 1px #ff00961a;z-index:1000;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(100px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.popup-player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.popup-album-art{position:relative;width:60px;height:60px;border-radius:12px;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #00000080}.popup-song-details h3{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;color:#fff;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-song-details p{font-size:.85rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-close-btn{background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.popup-close-btn svg{width:20px;height:20px;color:#fff}.popup-close-btn:hover{background:#ff00964d;transform:rotate(90deg)}.popup-progress-section{margin-bottom:1.5rem}.popup-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:.5rem;cursor:pointer;position:relative;overflow:hidden}.popup-progress-fill{height:100%;background:linear-gradient(90deg,#ff0096,#8a2be2);border-radius:3px;transition:width .1s linear;position:relative}.popup-progress-fill:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0006}.popup-time-display{display:flex;justify-content:space-between;font-family:Montserrat,sans-serif;font-size:.75rem;color:#fff9;font-weight:600}.popup-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.popup-control-btn{background:#ffffff1a;border:none;border-radius:50%;width:45px;height:45px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.popup-control-btn svg{width:20px;height:20px;color:#fff}.popup-control-btn:hover{background:#ff00964d;transform:scale(1.05)}.popup-play-btn{width:60px;height:60px;background:linear-gradient(135deg,#ff0096,#8a2be2);box-shadow:0 4px 15px #ff009666}.popup-play-btn svg{width:28px;height:28px}.popup-play-btn:hover{box-shadow:0 6px 20px #ff009699}.popup-volume-section{display:flex;align-items:center;gap:1rem;padding:0 1rem}.popup-volume-icon{width:24px;height:24px;color:#fff9;flex-shrink:0}.popup-volume-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative}.popup-volume-slider::-webkit-slider-runnable-track{height:4px;background:#ffffff1a;border-radius:2px}.popup-volume-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0006;transition:all .3s ease;margin-top:-5px}.popup-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#ff0096}.popup-volume-slider::-moz-range-track{height:4px;background:#ffffff1a;border-radius:2px}.popup-volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0006;transition:all .3s ease}.popup-volume-slider::-moz-range-thumb:hover{transform:scale(1.2);background:#ff0096}.about-karan{background:#ffffff05;padding:4rem 2rem;margin-top:4rem;border-top:1px solid rgba(255,0,150,.2)}.about-content{max-width:1000px;margin:0 auto;text-align:center}.about-title{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff0096,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}.about-description{font-size:1.1rem;color:#ffffffb3;line-height:1.8;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:600px;margin:0 auto}.stat-item h3{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:800;color:#ff0096;margin-bottom:.5rem}.stat-item p{font-size:1rem;color:#fff9}@media (min-width: 1200px){.songs-hero-enhanced{min-height:95vh}}@media (max-width: 1024px){.songs-hero-enhanced{padding:6rem 2rem 5rem;min-height:auto}.songs-hero-title-enhanced{font-size:4.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.stat-card{padding:2rem 1.2rem}.stat-number-hero{font-size:2.5rem}.songs-hero-title{font-size:3.5rem}.song-item{grid-template-columns:auto 1fr auto;gap:1rem}.song-duration{display:none}.popup-player{max-width:700px}}@media (max-width: 768px){.songs-hero-enhanced{padding:5rem 1.5rem 4rem}.hero-badge{padding:.5rem 1.2rem;margin-bottom:1.5rem}.badge-icon{font-size:1rem}.badge-text{font-size:.75rem;letter-spacing:1.5px}.songs-hero-title-enhanced{font-size:3.5rem;margin-bottom:1rem}.title-gradient{letter-spacing:2px}.songs-hero-description-enhanced{font-size:1.05rem;margin-bottom:3rem;padding:0 1rem}.hero-stats-dashboard{margin:3rem auto}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:2rem 1rem;border-radius:20px}.stat-icon-wrapper{width:60px;height:60px;margin-bottom:1.2rem}.stat-icon{font-size:1.8rem}.stat-number-hero{font-size:2.2rem}.stat-label-hero{font-size:.8rem;letter-spacing:1px}.hero-decorative-icons-enhanced{gap:1.5rem;margin-top:2.5rem}.hero-icon{font-size:2rem}.orb-1,.orb-2{width:300px;height:300px}.orb-3{width:250px;height:250px}.songs-hero{padding:4rem 1.5rem 3rem}.songs-hero-title{font-size:2.8rem}.songs-hero-description{font-size:1rem}.songs-container{padding:2rem 1rem}.song-item{grid-template-columns:auto 1fr auto;gap:1rem;padding:1.2rem}.album-art-container{width:60px;height:60px}.album-initial{font-size:1.8rem}.song-title{font-size:1rem}.song-meta{font-size:.8rem}.play-btn{width:48px;height:48px}.play-btn svg{width:22px;height:22px}.load-more-btn{padding:1.1rem 2.5rem}.load-more-text{font-size:1rem}.popup-player{width:92%;max-width:600px;bottom:1.5rem;padding:1.3rem}.popup-album-art{width:55px;height:55px}.popup-song-details h3{font-size:.95rem}.popup-song-details p{font-size:.8rem}.popup-controls{gap:.8rem}.popup-control-btn{width:42px;height:42px}.popup-play-btn{width:56px;height:56px}.popup-play-btn svg{width:26px;height:26px}.about-title{font-size:2rem}.about-stats{gap:1.5rem}.stat-item h3{font-size:2rem}}@media (max-width: 480px){.songs-hero-enhanced{padding:4rem 1rem 3rem}.hero-badge{padding:.4rem 1rem}.badge-text{font-size:.7rem}.songs-hero-title-enhanced{font-size:2.5rem}.songs-hero-description-enhanced{font-size:.95rem;margin-bottom:2.5rem}.hero-stats-dashboard{margin:2.5rem auto}.stats-grid{grid-template-columns:1fr;gap:1rem;max-width:400px;margin:0 auto}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;text-align:left}.stat-icon-wrapper{width:65px;height:65px;margin:0;flex-shrink:0}.stat-icon{font-size:1.8rem}.stat-content-hero{text-align:left;flex:1}.stat-number-hero{font-size:2.5rem;margin-bottom:.3rem}.stat-label-hero{font-size:.85rem}.hero-decorative-icons-enhanced{gap:1rem;margin-top:2rem}.hero-icon{font-size:1.8rem}.songs-hero{padding:3rem 1rem 2.5rem}.songs-hero-title{font-size:2.2rem}.songs-hero-description{font-size:.95rem}.hero-decorative-icons{gap:1rem;font-size:1.5rem}.search-bar{max-width:100%}.search-input{padding:1rem 3rem 1rem 3.2rem;font-size:.9rem}.search-icon{left:1rem;width:20px;height:20px}.search-clear{right:1rem;width:26px;height:26px}.song-item{grid-template-columns:auto 1fr auto;gap:.8rem;padding:1rem}.album-art-container{width:55px;height:55px}.album-initial{font-size:1.6rem}.song-title{font-size:.95rem}.song-meta{font-size:.75rem}.play-btn{width:44px;height:44px}.play-btn svg{width:20px;height:20px}.load-more-btn{padding:1rem 2rem}.load-more-text{font-size:.95rem}.load-more-icon{width:20px;height:20px}.popup-player{width:95%;bottom:1rem;padding:1.2rem;border-radius:16px}.popup-player-header{margin-bottom:1.2rem;gap:.8rem}.popup-song-info{gap:.8rem}.popup-album-art{width:50px;height:50px}.popup-song-details h3{font-size:.9rem}.popup-song-details p{font-size:.75rem}.popup-close-btn{width:32px;height:32px}.popup-close-btn svg{width:18px;height:18px}.popup-progress-section{margin-bottom:1.2rem}.popup-progress-bar{height:5px}.popup-progress-fill:after{width:10px;height:10px}.popup-time-display{font-size:.7rem}.popup-controls{gap:.6rem;margin-bottom:1rem}.popup-control-btn{width:40px;height:40px}.popup-control-btn svg{width:18px;height:18px}.popup-play-btn{width:52px;height:52px}.popup-play-btn svg{width:24px;height:24px}.popup-volume-section{padding:0 .5rem;gap:.8rem}.popup-volume-icon{width:20px;height:20px}.popup-volume-slider::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px}.popup-volume-slider::-moz-range-thumb{width:12px;height:12px}.scroll-top{bottom:1rem;right:1rem;width:46px;height:46px}.scroll-top svg{width:22px;height:22px}.about-karan{padding:3rem 1rem;margin-top:3rem}.about-title{font-size:1.8rem}.about-description{font-size:1rem;margin-bottom:2rem}.about-stats{grid-template-columns:1fr;gap:1.5rem}.stat-item h3{font-size:2.2rem}.stat-item p{font-size:.95rem}}@media (max-width: 360px){.songs-hero-title-enhanced{font-size:2.2rem}.stats-grid{max-width:100%}.stat-card{padding:1.3rem;gap:1.2rem}.stat-icon-wrapper{width:60px;height:60px}.stat-icon{font-size:1.6rem}.stat-number-hero{font-size:2.2rem}.stat-label-hero{font-size:.8rem}.songs-hero-title{font-size:1.8rem}.album-art-container{width:50px;height:50px}.album-initial{font-size:1.4rem}.song-title{font-size:.88rem}.popup-player{width:96%;padding:1rem}.popup-album-art{width:45px;height:45px}.popup-control-btn{width:38px;height:38px}.popup-play-btn{width:48px;height:48px}}@media (max-height: 500px) and (orientation: landscape){.songs-hero-enhanced{min-height:auto;padding:3rem 2rem}.popup-player{bottom:.5rem;padding:1rem;max-height:90vh;overflow-y:auto}.popup-player-header,.popup-progress-section,.popup-controls{margin-bottom:.8rem}}.info-card{position:relative;display:flex;align-items:center;gap:1.25rem;padding:1.5rem 2rem;background:#ffffff0d;border:1px solid rgba(var(--card-color, 255 0 150) / .25);border:1px solid color-mix(in srgb,var(--card-color, #ff0096) 35%,transparent);border-radius:22px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;flex:1 1 200px;max-width:240px;min-width:180px}.info-card:hover{transform:translateY(-7px) scale(1.02);background:#ffffff14;border-color:var(--card-color, #ff0096);box-shadow:0 20px 50px color-mix(in srgb,var(--card-color, #ff0096) 30%,transparent),inset 0 1px #ffffff14}.info-card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--card-color, #ff0096) 25%,transparent) 0%,transparent 70%);pointer-events:none;z-index:0;opacity:0;transition:opacity .5s ease}.info-card:hover .info-card-glow{opacity:1}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-color, #ff0096),transparent);opacity:0;transition:opacity .4s ease}.info-card:hover:before{opacity:1}.info-card-icon-wrap{position:relative;width:58px;height:58px;flex-shrink:0;z-index:1}.info-card-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--card-color, #ff0096) 20%,transparent);border-radius:50%}.info-card-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.75rem;z-index:2}.info-card-number{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:900;color:var(--card-color, #ff0096);line-height:1;margin-bottom:.2rem;background:linear-gradient(135deg,var(--card-color, #ff0096),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-card-divider{width:32px;height:2px;background:var(--card-color, #ff0096);border-radius:2px;margin-bottom:.5rem;opacity:.7}@media (max-width: 600px){.stat-cards-row{flex-direction:column;align-items:center;gap:.85rem}.info-card{max-width:340px;width:100%;min-width:unset}}.hero-stats-dashboard{display:none!important}.stat-cards-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:2.5rem auto 0;max-width:1100px;width:100%;animation:fadeInUp 1s ease-out .6s backwards}.info-card{position:relative;display:flex;align-items:center;gap:1.25rem;padding:1.5rem 2rem;background:#ff00960f;border:1px solid rgba(255,0,150,.25);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;flex:1 1 200px;max-width:240px;min-width:180px}.info-card:hover{transform:translateY(-6px) scale(1.02);border-color:#ff009680;background:#ff00961a;box-shadow:0 20px 60px #ff009640,0 0 0 1px #ff009626,inset 0 1px #ffffff14}.info-card-icon-wrap{position:relative;width:62px;height:62px;flex-shrink:0;z-index:1;border-radius:50%;box-shadow:0 0 0 2px #ff009640,inset 0 0 18px #ff009659,0 0 20px #ff009633}.info-card-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ff009673,#8a2be259,#ff009626);animation:rotate 4s linear infinite}.info-card-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.75rem;z-index:2;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,0,150,.8))}.info-card:hover .info-card-icon-wrap{box-shadow:0 0 0 2px #ff009680,inset 0 0 28px #ff00968c,0 0 35px #ff009666}.info-card-body{text-align:left;z-index:1;flex:1}.info-card-number{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:900;background:linear-gradient(135deg,#ff0096,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.2rem}.info-card-label{font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem}.info-card-divider{width:32px;height:2px;background:linear-gradient(90deg,#ff0096,#8a2be2);border-radius:2px;margin-bottom:.5rem}.info-card-note{font-size:.75rem;color:#ffffff73;font-style:italic}.crush-card-container{margin:2rem auto 1rem;display:flex;justify-content:center;animation:fadeInUp 1s ease-out .9s backwards}.crush-card{position:relative;display:flex;align-items:center;gap:1.5rem;padding:1.75rem 2.5rem;background:#ff00961f;border:1px solid rgba(255,0,150,.4);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;max-width:420px;width:100%;box-shadow:0 8px 32px #ff009633,inset 0 1px #ffffff0f}.crush-card:hover{transform:translateY(-6px) scale(1.02);border-color:#ff0096a6;background:#ff00962e;box-shadow:0 24px 70px #ff009659,0 0 0 1px #ff009640,inset 0 1px #ffffff1a}.crush-card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(255,0,150,.3),transparent 65%);pointer-events:none;z-index:0;animation:crushGlowPulse 3s ease-in-out infinite}.crush-card-hearts{position:absolute;top:.6rem;right:.8rem;display:flex;gap:.2rem;z-index:2}.crush-heart-1,.crush-heart-2,.crush-heart-3{font-size:1.1rem;animation:heartFloat 2.5s ease-in-out infinite;display:inline-block}.crush-icon-wrapper{position:relative;width:66px;height:66px;flex-shrink:0;z-index:1;border-radius:50%;box-shadow:0 0 0 2px #ff009659,inset 0 0 22px #ff009673,0 0 25px #ff00964d}.crush-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ff00968c,#8a2be266 55%,#ff009633);animation:rotate 4s linear infinite}.crush-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;z-index:2;animation:iconFloat 2.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,0,150,.9))}.crush-card:hover .crush-icon-wrapper{box-shadow:0 0 0 2px #ff009699,inset 0 0 32px #ff0096a6,0 0 40px #ff009680}.crush-title{font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:900;background:linear-gradient(135deg,#ff0096,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.15rem;letter-spacing:.5px}.crush-subtitle{font-size:.85rem;color:#ffffffb3;font-weight:500;margin-bottom:.75rem;letter-spacing:.5px}.crush-divider{width:40px;height:2px;background:linear-gradient(90deg,#ff0096,#8a2be2);border-radius:2px;margin-bottom:.75rem}.crush-note{font-size:.8rem;color:#ffffff8c;font-style:italic}@media (max-width: 900px){.stat-cards-row{gap:1rem}.info-card{flex:1 1 160px;padding:1.25rem}.info-card-number{font-size:1.7rem}}@media (max-width: 600px){.stat-cards-row{flex-direction:column;align-items:center;gap:.85rem}.info-card{max-width:340px;width:100%;min-width:unset}.crush-card{flex-direction:column;text-align:center;padding:1.5rem;gap:1rem}.crush-content{text-align:center}.crush-divider{margin:.5rem auto .75rem}.crush-title{font-size:1.4rem}}.song-item{position:relative;display:grid;grid-template-columns:28px 70px 1fr auto auto;align-items:center;gap:1.25rem;padding:1.1rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideIn .5s ease-out backwards}.song-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,0,150,.05),transparent 55%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:16px}.song-item:hover{background:#ffffff0e;border-color:#ff009647;transform:translateY(-2px) translate(4px);box-shadow:0 8px 28px #ff00961a}.song-item:hover:after{opacity:1}.song-item.active{background:#ff009612;border-color:#ff009666;box-shadow:0 0 0 1px #ff00961f,0 8px 30px #ff00962e}.song-active-bar{position:absolute;left:0;top:15%;bottom:15%;width:3px;background:linear-gradient(180deg,#ff0096,#8a2be2);border-radius:0 3px 3px 0;box-shadow:0 0 12px #ff0096cc}.song-index-col{display:flex;align-items:center;justify-content:center;width:28px;flex-shrink:0}.song-index-num{font-family:Montserrat,sans-serif;font-size:.7rem;font-weight:700;color:#ffffff38;letter-spacing:.3px;transition:color .3s ease}.song-item:hover .song-index-num{color:#ff00968c}.song-eq-mini{display:flex;align-items:flex-end;gap:2px;height:16px}.song-eq-mini span{width:3px;border-radius:2px;background:linear-gradient(180deg,#ff0096,#8a2be2);animation:equalize .7s ease-in-out infinite}.song-eq-mini span:nth-child(1){animation-delay:0s;animation-duration:.8s}.song-eq-mini span:nth-child(2){animation-delay:.15s;animation-duration:.6s}.song-eq-mini span:nth-child(3){animation-delay:.3s;animation-duration:.9s}.song-eq-mini span:nth-child(4){animation-delay:.45s;animation-duration:.7s}.album-art--active{outline:2px solid rgba(255,0,150,.5);outline-offset:2px;box-shadow:0 0 16px #ff009666}.song-title--active{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;background:linear-gradient(135deg,#ff0096,#c060ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.now-playing-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .55rem;background:#ff00961f;border:1px solid rgba(255,0,150,.3);border-radius:50px;font-family:Montserrat,sans-serif;font-size:.58rem;font-weight:800;letter-spacing:1.2px;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:#ff0096;color:#ff0096;flex-shrink:0}.now-playing-dot{width:5px;height:5px;border-radius:50%;background:#ff0096;flex-shrink:0;animation:blinkDot 1.1s ease-in-out infinite}@keyframes blinkDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}.song-duration--active{color:#ff0096bf!important;font-weight:700}.play-btn{position:relative;overflow:hidden}.play-btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);opacity:0;transition:opacity .3s ease}.play-btn:hover .play-btn-glow{opacity:1}.play-btn--pause{animation:playBtnPulse 2s ease-in-out infinite}@keyframes playBtnPulse{0%,to{box-shadow:0 4px 15px #ff009666}50%{box-shadow:0 4px 28px #ff0096bf,0 0 0 4px #ff00961a}}@media (max-width: 768px){.song-item{grid-template-columns:60px 1fr auto auto;gap:1rem}.song-index-col{display:none}}@media (max-width: 480px){.song-item{grid-template-columns:55px 1fr auto;gap:.8rem;padding:1rem}.song-duration,.now-playing-pill{display:none}}.popup-player{position:fixed;bottom:1.75rem;left:50%;transform:translate(-50%);width:90%;max-width:800px;background:#070410f7;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,0,150,.18);border-radius:24px;padding:1.5rem 1.75rem 1.3rem;box-shadow:0 0 0 1px #ff00960f,0 30px 80px #000000e6,0 0 100px #ff009612;z-index:1000;overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.popup-ambient-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:340px;height:140px;background:radial-gradient(ellipse,rgba(255,0,150,.14),transparent 70%);filter:blur(24px);pointer-events:none;z-index:0}.popup-top-accent{position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,0,150,.7),rgba(138,43,226,.6),transparent);pointer-events:none}.popup-player-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.popup-song-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.popup-album-art{position:relative;width:62px;height:62px;border-radius:14px;flex-shrink:0;overflow:hidden;box-shadow:0 4px 18px #0009;transition:box-shadow .4s ease}.popup-album--playing{box-shadow:0 0 0 2px #ff009673,0 6px 24px #ff009659;animation:albumPulse 2.2s ease-in-out infinite}@keyframes albumPulse{0%,to{box-shadow:0 0 0 2px #ff009673,0 6px 24px #ff00964d}50%{box-shadow:0 0 0 3px #ff0096b3,0 8px 34px #ff00968c}}.popup-live-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.18rem}.popup-live-dot{width:6px;height:6px;border-radius:50%;background:#ff0096;animation:blinkDot 1.1s ease-in-out infinite;flex-shrink:0}.popup-live-text{font-family:Montserrat,sans-serif;font-size:.58rem;font-weight:800;color:#ff0096;letter-spacing:2px}.popup-song-details{flex:1;min-width:0}.popup-song-details h3{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.18rem}.popup-song-details p{font-size:.82rem;color:#ffffff7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.09);border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;z-index:1}.popup-close-btn svg{width:17px;height:17px;color:#ffffffa6}.popup-close-btn:hover{background:#ff009633;border-color:#ff009666;transform:rotate(90deg)}.popup-progress-section{position:relative;z-index:1;margin-bottom:1.1rem}.popup-progress-bar{width:100%;height:5px;background:#ffffff14;border-radius:10px;margin-bottom:.5rem;cursor:pointer;position:relative;overflow:visible}.popup-progress-fill{height:100%;background:linear-gradient(90deg,#ff0096,#8a2be2);border-radius:10px;position:relative;transition:width .1s linear;box-shadow:0 0 8px #ff00968c}.popup-progress-thumb{position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 8px #ff0096cc,0 2px 6px #0006;transition:transform .2s ease}.popup-progress-bar:hover .popup-progress-thumb{transform:translateY(-50%) scale(1.3)}.popup-time-display{display:flex;justify-content:space-between;font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:600;color:#ffffff61;padding:0 2px}.popup-controls{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.9rem;margin-bottom:1rem}.popup-control-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.09);border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffbf;transition:all .3s ease}.popup-control-btn svg{width:18px;height:18px;color:inherit;fill:currentColor}.popup-control-btn:hover{background:#ff009629;border-color:#ff009652;color:#fff;transform:scale(1.08)}.popup-control-btn:active{transform:scale(.95)}.popup-play-btn{position:relative;overflow:hidden;width:58px!important;height:58px!important;background:linear-gradient(135deg,#ff0096,#8a2be2)!important;border:none!important;color:#fff!important;box-shadow:0 4px 20px #ff009673}.popup-play-btn svg{width:26px!important;height:26px!important}.popup-play-btn:hover{transform:scale(1.1)!important;box-shadow:0 6px 32px #ff0096b3!important}.popup-play-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ffffff1f;animation:ripplePulse 2.2s ease-in-out infinite;pointer-events:none}@keyframes ripplePulse{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.15);opacity:0}to{transform:scale(.8);opacity:.7}}.popup-volume-section{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;padding:0 2px}.popup-volume-icon{width:20px;height:20px;color:#ffffff73;flex-shrink:0;transition:color .2s ease}.popup-volume-icon:hover{color:#ffffffbf}.popup-volume-icon.muted{color:#ff009699}.popup-vol-track{flex:1;height:4px;background:#ffffff14;border-radius:10px;position:relative;cursor:pointer}.popup-vol-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#ff0096,#8a2be2);border-radius:10px;pointer-events:none;transition:width .08s linear}.popup-volume-slider{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:16px;opacity:0;cursor:pointer;margin:0}.popup-vol-pct{font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:700;color:#ffffff47;min-width:32px;text-align:right}@media (max-width: 600px){.popup-player{width:95%;padding:1.25rem 1.2rem 1rem;bottom:1rem;border-radius:20px}.popup-album-art{width:52px;height:52px;border-radius:12px}.popup-play-btn{width:52px!important;height:52px!important}.popup-control-btn{width:40px;height:40px}.popup-play-btn svg{width:22px!important;height:22px!important}}.info-card-icon-wrap{position:relative;width:62px;height:62px;flex-shrink:0;z-index:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#ff009666,#8a2be24d,#ff00961a);box-shadow:inset 0 0 20px #ff009673,0 0 18px #ff009640,0 0 0 1px #ff009633}.info-card-icon{position:relative!important;top:auto!important;left:auto!important;transform:none!important;font-size:1.75rem;z-index:2;filter:drop-shadow(0 0 10px rgba(255,0,150,.9)) drop-shadow(0 0 4px rgba(255,255,255,.3));animation:none!important;line-height:1;display:flex;align-items:center;justify-content:center}.crush-icon-wrapper{position:relative;width:66px;height:66px;flex-shrink:0;z-index:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#ff009680,#8a2be259 55%,#ff009626);box-shadow:inset 0 0 24px #ff00968c,0 0 22px #ff009659,0 0 0 1px #ff00964d}.crush-icon{position:relative!important;top:auto!important;left:auto!important;transform:none!important;font-size:2rem;z-index:2;filter:drop-shadow(0 0 12px rgba(255,0,150,1)) drop-shadow(0 0 5px rgba(255,255,255,.35));animation:none!important;line-height:1;display:flex;align-items:center;justify-content:center}.stat-cards-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:1rem;margin:2.5rem auto 0;max-width:1000px;width:100%;animation:fadeInUp 1s ease-out .6s backwards}.info-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.6rem 1.2rem;background:#ff00960f;border:1px solid rgba(255,0,150,.22);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;flex:1;min-width:0;max-width:220px;text-align:center}.info-card:hover{transform:translateY(-8px) scale(1.03);border-color:#ff009680;background:#ff00961a;box-shadow:0 20px 60px #ff009640,0 0 0 1px #ff009626,inset 0 1px #ffffff14}.info-card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,0,150,.2),transparent 70%);pointer-events:none;z-index:0;animation:crushGlowPulse 3s ease-in-out infinite}.info-card-icon-wrap{position:relative;width:60px;height:60px;flex-shrink:0;z-index:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#ff009666,#8a2be24d,#ff00961a);box-shadow:inset 0 0 20px #ff009673,0 0 18px #ff009640,0 0 0 1px #ff009633}.info-card-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:transparent;animation:none!important}.info-card-icon{position:relative!important;top:auto!important;left:auto!important;transform:none!important;font-size:1.7rem;z-index:2;filter:drop-shadow(0 0 10px rgba(255,0,150,.9)) drop-shadow(0 0 4px rgba(255,255,255,.3));animation:none!important;line-height:1;display:flex;align-items:center;justify-content:center}.info-card:hover .info-card-icon-wrap{background:radial-gradient(circle at center,#ff009699,#8a2be273,#ff009633);box-shadow:inset 0 0 30px #ff0096a6,0 0 30px #ff009673,0 0 0 2px #ff009666}.info-card-body{text-align:center;z-index:1;flex:1;width:100%}.info-card-number{font-family:Montserrat,sans-serif;font-size:1.9rem;font-weight:900;background:linear-gradient(135deg,#ff0096,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.25rem}.info-card-label{font-family:Montserrat,sans-serif;font-size:.72rem;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.45rem}.info-card-divider{width:28px;height:2px;background:linear-gradient(90deg,#ff0096,#8a2be2);border-radius:2px;margin:0 auto .45rem}.info-card-note{font-size:.7rem;color:#fff6;font-style:italic;line-height:1.4}.crush-card-container{margin:1.6rem auto 1rem;display:flex;justify-content:center;animation:fadeInUp 1s ease-out .9s backwards}.crush-card{position:relative;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2.2rem;background:#ff00961a;border:1px solid rgba(255,0,150,.35);border-radius:22px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;width:auto;max-width:440px;box-shadow:0 8px 32px #ff009633,inset 0 1px #ffffff0f}.crush-card:hover{transform:translateY(-6px) scale(1.02);border-color:#ff009699;background:#ff009629;box-shadow:0 24px 70px #ff009659,0 0 0 1px #ff009638,inset 0 1px #ffffff1a}.crush-card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(255,0,150,.28),transparent 65%);pointer-events:none;z-index:0;animation:crushGlowPulse 3s ease-in-out infinite}.crush-card-flowers-left{position:absolute;top:.5rem;left:.7rem;display:flex;gap:.2rem;z-index:2}.crush-flower-1,.crush-flower-2{font-size:1rem;animation:heartFloat 2.5s ease-in-out infinite;display:inline-block}.crush-flower-1{animation-delay:0s}.crush-flower-2{animation-delay:.5s}.crush-card-hearts{position:absolute;top:.5rem;right:.7rem;display:flex;gap:.2rem;z-index:2}.crush-heart-1,.crush-heart-2,.crush-heart-3{font-size:1rem;animation:heartFloat 2.5s ease-in-out infinite;display:inline-block}.crush-heart-1{animation-delay:0s}.crush-heart-2{animation-delay:.4s}.crush-heart-3{animation-delay:.8s}.crush-icon-wrapper{position:relative;width:64px;height:64px;flex-shrink:0;z-index:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#ff009680,#8a2be259 55%,#ff009626);box-shadow:inset 0 0 24px #ff00968c,0 0 22px #ff009659,0 0 0 1px #ff00964d}.crush-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:transparent;animation:none!important}.crush-icon{position:relative!important;top:auto!important;left:auto!important;transform:none!important;font-size:1.9rem;z-index:2;filter:drop-shadow(0 0 12px rgba(255,0,150,1)) drop-shadow(0 0 5px rgba(255,255,255,.35));animation:none!important;line-height:1;display:flex;align-items:center;justify-content:center}.crush-card:hover .crush-icon-wrapper{background:radial-gradient(circle at center,#ff0096b3,#8a2be280 55%,#ff009640);box-shadow:inset 0 0 35px #ff0096bf,0 0 40px #ff00968c,0 0 0 2px #ff009680}.crush-content{text-align:left;z-index:1;flex:1}.crush-title{font-family:Montserrat,sans-serif;font-size:1.55rem;font-weight:900;background:linear-gradient(135deg,#ff0096,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.15rem}.crush-subtitle{font-size:.82rem;color:#ffffffa6;font-weight:500;margin-bottom:.7rem}.crush-divider{width:38px;height:2px;background:linear-gradient(90deg,#ff0096,#8a2be2);border-radius:2px;margin-bottom:.7rem}.crush-note{font-size:.78rem;color:#ffffff80;font-style:italic;line-height:1.6}@media (min-width: 1024px){.stat-cards-row{gap:1.1rem;max-width:960px}.info-card{padding:1.8rem 1.3rem}.info-card-number{font-size:2rem}}@media (max-width: 900px){.stat-cards-row{flex-wrap:wrap;gap:1rem;max-width:600px}.info-card{flex:1 1 calc(50% - .5rem);max-width:calc(50% - .5rem);min-width:160px;flex-direction:row;text-align:left;padding:1.25rem;gap:1rem}.info-card-body{text-align:left}.info-card-divider{margin:0 0 .45rem}.info-card-number{font-size:1.7rem}}@media (max-width: 600px){.stat-cards-row{flex-direction:column;align-items:center;gap:.85rem;max-width:340px}.info-card{flex-direction:row;flex:unset;max-width:100%;width:100%;min-width:unset;padding:1.1rem 1.2rem;gap:1rem;text-align:left}.info-card-body{text-align:left}.info-card-divider{margin:0 0 .4rem}.info-card-number{font-size:1.6rem}.crush-card{flex-direction:column;text-align:center;padding:1.5rem;gap:1rem;max-width:300px}.crush-content{text-align:center}.crush-divider{margin:.5rem auto .7rem}.crush-title{font-size:1.35rem}}@keyframes crushGlowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes heartFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.15)}}@media (max-width: 600px){.crush-card-container{padding:0 1.2rem;margin:1.6rem auto 1rem}.crush-card{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:0!important;gap:0!important;max-width:100%!important;width:100%!important;border-radius:24px!important;overflow:hidden!important;border:1px solid rgba(255,0,150,.35)!important;background:transparent!important;box-shadow:0 20px 60px #ff009647,0 0 0 1px #ff00961a,inset 0 1px #ffffff0f!important}.crush-card:before{content:"";position:absolute!important;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#ff0096 25%,#ff69b4 50%,#ff0096 75%,transparent 100%);z-index:10}.crush-icon-wrapper{width:100%!important;height:auto!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(180deg,#ff009638,#8a2be224)!important;padding:2rem 1rem 1.4rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;border-bottom:1px solid rgba(255,0,150,.2)!important;position:relative!important}.crush-icon-wrapper:before{content:"💕";font-size:3.2rem;line-height:1;filter:drop-shadow(0 0 20px rgba(255,0,150,1)) drop-shadow(0 0 8px rgba(255,255,255,.3));display:block}.crush-icon-bg,.crush-icon{display:none!important}.crush-card-flowers-left{position:absolute!important;top:.8rem!important;left:1rem!important;display:flex!important;gap:.3rem!important}.crush-flower-1,.crush-flower-2{font-size:1.1rem!important}.crush-card-hearts{position:absolute!important;top:.8rem!important;right:1rem!important;display:flex!important;gap:.3rem!important}.crush-heart-1,.crush-heart-2,.crush-heart-3{font-size:1.1rem!important}.crush-content{text-align:center!important;padding:1.3rem 1.5rem 1.5rem!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.4rem!important}.crush-title{font-size:1.7rem!important;letter-spacing:.5px!important;margin-bottom:0!important}.crush-subtitle{font-size:.82rem!important;color:#fff9!important;margin-bottom:.5rem!important}.crush-divider{width:48px!important;height:2px!important;margin:.2rem auto .7rem!important;background:linear-gradient(90deg,transparent,#ff0096,#8a2be2,transparent)!important}.crush-note{font-size:.78rem!important;line-height:1.7!important;color:#ffffff8c!important;max-width:260px!important}.crush-content:after{content:"✦ EXCLUSIVE ✦";font-family:Montserrat,sans-serif;font-size:.55rem;font-weight:800;letter-spacing:3px;color:#ff009673;margin-top:.8rem;display:block}.crush-card:hover{transform:translateY(-4px) scale(1.01)!important}}@media (max-width: 360px){.crush-card-container{padding:0 .8rem}.crush-icon-wrapper{padding:1.6rem .8rem 1.2rem!important}.crush-icon-wrapper:before{font-size:2.8rem}.crush-title{font-size:1.5rem!important}}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--dark-bg: #000000;--light-dark: #1a1a1a;--text-light: #ffffff;--text-gray: #cccccc}.promise-hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:150px 2rem 80px;position:relative;overflow:hidden;text-align:center}.promise-hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;top:-200px;right:-200px;animation:pulse 4s ease-in-out infinite}.promise-hero:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;bottom:-150px;left:-150px;animation:pulse 4s ease-in-out infinite 2s}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.3}}.promise-hero-content{max-width:900px;position:relative;z-index:1;animation:fadeInUp 1s ease-out}.promise-hero-subtitle{font-size:1.3rem;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;letter-spacing:3px;text-transform:uppercase}.promise-hero-title{font-size:4.5rem;font-weight:900;line-height:1.2;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.promise-hero-description{font-size:1.3rem;line-height:1.9;color:var(--text-gray);margin-bottom:3rem}.hero-decorative-symbols{display:flex;justify-content:center;gap:1.5rem;font-size:2.5rem;margin-top:2rem}.hero-decorative-symbols span{animation:symbolFloat 3s ease-in-out infinite}.hero-decorative-symbols span:nth-child(2){animation-delay:.5s}.hero-decorative-symbols span:nth-child(3){animation-delay:1s}@keyframes symbolFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.core-promises-section{padding:100px 2rem;position:relative;overflow:hidden}.core-promises-section:before{content:"💍";position:absolute;font-size:20rem;opacity:.05;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.promises-container,.vows-container,.commitment-container,.daily-container,.seal-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-title{font-size:3.2rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.15rem;line-height:1.9;color:var(--text-gray);max-width:700px;margin:0 auto}.promises-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:3rem}.promise-card{background:linear-gradient(135deg,#ff69b41a,#ba55d31a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden}.promise-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.promise-card:hover:before{opacity:1}.promise-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ff69b44d}.promise-icon{font-size:3rem;margin-bottom:1rem}.promise-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--accent-color)}.promise-text{color:var(--text-gray);line-height:1.8}.vows-section{padding:100px 2rem;background:#ff69b408}.vows-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.vow-card{background:linear-gradient(135deg,#ff69b41a,#ba55d31a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem 2rem;border-radius:20px;border:2px solid transparent;transition:all .5s ease;position:relative;overflow:hidden;text-align:center}.vow-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease}.vow-card:hover:before{opacity:1}.vow-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 50px #ff69b466}.vow-icon{font-size:3.5rem;margin-bottom:1.5rem;display:inline-block;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.vow-card:hover .vow-icon{animation:none;transform:scale(1.2)}.vow-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--accent-color)}.vow-text{color:var(--text-gray);line-height:1.8;font-size:1rem}.commitment-section{padding:100px 2rem;position:relative;overflow:hidden}.commitment-card-main{background:linear-gradient(135deg,#ff69b426,#ba55d326);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem 3rem;border-radius:30px;border:2px solid rgba(255,105,180,.3);box-shadow:0 30px 80px #ff69b44d;text-align:center;position:relative;overflow:hidden}.commitment-content{position:relative;z-index:1}.commitment-icon{font-size:5rem;margin-bottom:2rem;animation:ringPulse 2s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,105,180,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(255,105,180,.8))}}.commitment-text{font-size:1.4rem;line-height:2;color:var(--text-light);margin-bottom:2rem;font-weight:300}.commitment-highlight{font-size:1.6rem;font-weight:700;color:var(--primary-color);margin:2.5rem 0;line-height:1.8}.commitment-quote{margin-top:3rem;padding:2rem;border-left:4px solid var(--primary-color);background:#ff69b41a;border-radius:10px}.commitment-quote p{font-size:1.5rem;font-style:italic;color:var(--accent-color);font-weight:600}.daily-section{padding:100px 2rem;background:#ba55d308}.daily-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}.daily-promise-item{background:linear-gradient(135deg,#ff69b41a,#ba55d31a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-radius:15px;display:flex;align-items:center;gap:1.5rem;border:2px solid transparent;transition:all .3s ease}.daily-promise-item:hover{border-color:var(--primary-color);transform:translate(10px);box-shadow:0 5px 20px #ff69b44d}.daily-check{font-size:1.8rem;color:var(--accent-color);font-weight:900;flex-shrink:0}.daily-promise-text{color:var(--text-gray);line-height:1.6;font-size:1.1rem}.seal-section{padding:100px 2rem;position:relative;overflow:hidden}.seal-card{background:linear-gradient(135deg,#ff69b426,#ba55d326);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem 3rem;border-radius:30px;border:2px solid rgba(255,105,180,.3);box-shadow:0 30px 80px #ff69b44d;text-align:center;position:relative;overflow:hidden}.seal-header{margin-bottom:3rem}.seal-icon{font-size:5rem;margin-bottom:1.5rem;animation:giftGlow 2s ease-in-out infinite}@keyframes giftGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,105,180,.5))}50%{filter:drop-shadow(0 0 25px rgba(255,105,180,.9))}}.seal-content{position:relative;z-index:1}.seal-text{font-size:1.3rem;line-height:2;color:var(--text-gray);margin-bottom:2rem}.seal-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-light);font-weight:700;font-size:1.3rem;padding:1.5rem 4rem;border-radius:50px;border:none;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 40px #ff69b480;display:inline-flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.seal-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.seal-button:hover:before{width:400px;height:400px}.seal-button:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 15px 50px #ff69b4b3}.seal-count{font-size:1.1rem;color:var(--accent-color);margin-top:2rem;font-weight:600}@media (max-width: 1024px){.promises-grid{grid-template-columns:1fr;gap:2rem}.vows-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.daily-grid{grid-template-columns:1fr}}@media (max-width: 768px){.promise-hero-title{font-size:3rem}.promise-hero-subtitle{font-size:1.1rem;letter-spacing:2px}.promise-hero-description{font-size:1.1rem}.hero-decorative-symbols{font-size:2rem}.section-title{font-size:2.5rem}.section-label,.section-description{font-size:1rem}.vows-grid{grid-template-columns:1fr;gap:1.5rem}.promise-card,.vow-card{padding:2rem 1.5rem}.promise-title,.vow-title{font-size:1.3rem}.commitment-card-main,.seal-card{padding:3rem 2rem}.commitment-text,.seal-text{font-size:1.2rem}.commitment-highlight{font-size:1.4rem}.commitment-quote p{font-size:1.3rem}}@media (max-width: 480px){.promise-hero{padding:120px 1rem 60px;min-height:60vh}.promise-hero-title{font-size:2.2rem}.promise-hero-subtitle{font-size:.95rem;letter-spacing:1.5px}.promise-hero-description{font-size:1rem;line-height:1.7}.hero-decorative-symbols{gap:1rem;font-size:1.8rem}.core-promises-section,.vows-section,.commitment-section,.daily-section,.seal-section{padding:60px 1rem}.section-title{font-size:2rem}.section-label{font-size:.9rem;letter-spacing:1.5px}.section-description{font-size:.95rem;line-height:1.7}.promises-grid{gap:1.5rem}.promise-card,.vow-card{padding:1.5rem 1.25rem}.promise-icon,.vow-icon{font-size:2.5rem}.promise-title,.vow-title{font-size:1.2rem}.promise-text,.vow-text{font-size:.95rem;line-height:1.7}.commitment-card-main,.seal-card{padding:2.5rem 1.5rem}.commitment-icon,.seal-icon{font-size:4rem}.commitment-text,.seal-text{font-size:1.1rem;line-height:1.8}.commitment-highlight{font-size:1.3rem;margin:2rem 0}.commitment-quote{padding:1.5rem;margin-top:2rem}.commitment-quote p{font-size:1.2rem}.daily-promise-item{padding:1.25rem 1.5rem;gap:1rem}.daily-check{font-size:1.5rem}.daily-promise-text{font-size:1rem}.seal-button{padding:1.2rem 2.5rem;font-size:1.1rem;width:100%;justify-content:center}.seal-count{font-size:1rem}.scroll-top{bottom:20px;right:20px;width:50px;height:50px;font-size:1.3rem}}@media (max-width: 360px){.promise-hero-title{font-size:1.9rem}.section-title{font-size:1.8rem}.promise-card,.vow-card{padding:1.25rem 1rem}.commitment-card-main,.seal-card{padding:2rem 1.25rem}.seal-button{padding:1rem 2rem;font-size:1rem}}:root{--primary-pink: #ff69b4;--secondary-purple: #ba55d3;--accent-gold: #ffd700;--light-pink: #ffb6c1;--sky-blue: #87ceeb;--mint-green: #98fb98;--deep-pink: #ff6b9d;--text-light: #ffffff;--text-gray: #d0c8e0;--heading-font: "Pacifico", cursive;--body-font: "Nunito", sans-serif}.birthday-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:var(--text-light);position:relative;overflow-x:hidden;font-family:var(--body-font)}.floating-bg-hearts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-heart{position:absolute;opacity:.12;animation:floatBgHeart 12s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes floatBgHeart{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(180deg)}}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall linear forwards;opacity:.9;border-radius:50%}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.section-title{font-family:var(--heading-font);font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:400;color:var(--accent-gold);text-align:center;margin-bottom:clamp(.8rem,1.5vw,1.2rem);line-height:1.4;position:relative;z-index:2;-webkit-text-fill-color:unset;background:none}.title-icon{display:inline-block;margin:0 clamp(.4rem,1vw,.9rem);animation:bounce 1s ease-in-out infinite;font-style:normal}.section-subtitle{font-family:var(--body-font);font-size:clamp(.95rem,2vw,1.3rem);font-weight:500;color:var(--text-gray);text-align:center;position:relative;z-index:2}.birthday-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,3vw,3rem);text-align:center;position:relative;overflow:hidden;z-index:1}.birthday-hero:before{content:"🎉";position:absolute;font-size:clamp(12rem,25vw,22rem);opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotateEmoji 20s linear infinite;pointer-events:none;z-index:0}@keyframes rotateEmoji{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.birthday-hero-content{max-width:clamp(600px,85vw,960px);margin:0 auto;position:relative;z-index:1}.floating-hearts{display:flex;justify-content:space-around;width:100%;height:clamp(60px,10vw,100px);pointer-events:none;margin-bottom:clamp(.5rem,1vw,1rem)}.floating-hearts .heart{font-size:clamp(1.4rem,2.8vw,2.2rem);animation:floatHeart 3s ease-in-out infinite}.floating-hearts .heart:nth-child(1){animation-delay:0s}.floating-hearts .heart:nth-child(2){animation-delay:.5s}.floating-hearts .heart:nth-child(3){animation-delay:1s}.floating-hearts .heart:nth-child(4){animation-delay:1.5s}.floating-hearts .heart:nth-child(5){animation-delay:2s}@keyframes floatHeart{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-28px) scale(1.2);opacity:1}}.hero-emoji-wrapper{position:relative;display:inline-block;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.hero-emoji{font-size:clamp(5rem,11vw,8rem);animation:bounceEmoji 2s ease-in-out infinite;display:block}@keyframes bounceEmoji{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(-8deg)}75%{transform:translateY(-10px) rotate(8deg)}}.hero-sparkles{position:absolute;top:0;right:-.5rem;font-size:clamp(1.8rem,3.5vw,2.8rem);animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:.6}}.birthday-title{font-family:var(--heading-font);font-size:clamp(2.2rem,5.5vw,4.5rem);font-weight:400;color:var(--text-light);margin-bottom:clamp(1rem,2vw,1.8rem);line-height:1.35;animation:fadeInUp .9s ease-out both}.gradient-text{background:linear-gradient(135deg,var(--primary-pink),var(--accent-gold),var(--secondary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 3s ease infinite;display:inline}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.celebration-emoji{display:inline-block;margin-left:.5rem;animation:bounce 1s ease-in-out infinite;-webkit-text-fill-color:initial;background:none}.birthday-subtitle{font-family:var(--body-font);font-size:clamp(1rem,2.2vw,1.6rem);font-weight:600;color:var(--text-gray);margin-bottom:clamp(2rem,4vw,3rem);animation:fadeInUp .9s ease-out .2s both}.birthday-date-card{display:inline-flex;flex-direction:column;align-items:center;gap:.8rem;background:linear-gradient(135deg,#ff69b42e,#ba55d32e);padding:clamp(1.2rem,2.5vw,2rem) clamp(2rem,4vw,3.5rem);border-radius:clamp(16px,3vw,24px);border:2px solid var(--primary-pink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #ff69b447;animation:fadeInUp .9s ease-out .4s both}.date-icon{font-size:clamp(2rem,4vw,3rem);animation:pulse 2s ease-in-out infinite}.date-content{display:flex;flex-direction:column;align-items:center;gap:.3rem}.date-label{font-size:clamp(.75rem,1.5vw,1rem);font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:2px}.date-value{font-family:var(--heading-font);font-size:clamp(1.3rem,2.8vw,2rem);color:var(--accent-gold)}.date-decoration{display:flex;gap:.8rem;font-size:clamp(1.1rem,2vw,1.6rem)}.hero-message{margin-top:clamp(2rem,4vw,3.5rem);max-width:720px;margin-left:auto;margin-right:auto;animation:fadeInUp .9s ease-out .6s both}.hero-wish{font-size:clamp(.95rem,2vw,1.2rem);font-weight:500;line-height:1.9;color:#ffffffd9;background:#ffffff0d;padding:clamp(1.2rem,2.5vw,2rem) clamp(1.5rem,3vw,2.5rem);border-radius:clamp(14px,2.5vw,20px);border:1.5px solid rgba(255,105,180,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cake-cutting-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,3vw,3rem);position:relative;z-index:1;overflow:visible}.cake-section-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,105,180,.08),transparent 70%);pointer-events:none;z-index:0}.cake-container{max-width:clamp(800px,90vw,1100px);margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem);position:relative;z-index:2}.cake-stage{background:linear-gradient(135deg,#ffffff0a,#ff69b40f);border-radius:clamp(20px,3.5vw,32px);padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,3.5vw,3rem);border:2px solid rgba(255,105,180,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 60px #00000047;position:relative;z-index:1}.birthday-cake-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(2rem,4vw,3.5rem);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.birthday-cake-wrapper.celebrating{animation:cakeJump .8s ease-in-out}@keyframes cakeJump{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-22px) scale(1.05)}60%{transform:translateY(-10px) scale(1.02)}}.candles-row{display:flex;justify-content:center;gap:clamp(.5rem,1.4vw,1.6rem);margin-bottom:clamp(.4rem,.8vw,1rem);position:relative;z-index:10}.candle-holder{display:flex;flex-direction:column;align-items:center;gap:.25rem}.flame{font-size:clamp(1rem,1.8vw,1.6rem);opacity:0;transform:scale(0) translateY(10px);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.flame.lit{opacity:1;transform:scale(1) translateY(0);animation:flicker 1.2s ease-in-out infinite}@keyframes flicker{0%,to{transform:scale(1) translateY(0);opacity:1}25%{transform:scale(1.15) translateY(-3px);opacity:.9}50%{transform:scale(.95) translateY(2px);opacity:.8}75%{transform:scale(1.1) translateY(-2px);opacity:.95}}.candle-stick{width:clamp(8px,1.3vw,13px);height:clamp(30px,5.5vw,60px);background:linear-gradient(to bottom,#ff69b4,#ba55d3,#9d4edd);border-radius:4px;position:relative;box-shadow:0 0 10px #ff69b480,inset 2px 0 5px #ffffff4d}.candle-stick:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:clamp(10px,1.8vw,16px);height:clamp(4px,.7vw,8px);background:linear-gradient(to bottom,gold,#daa520);border-radius:50%;box-shadow:0 2px 6px #ffd70080}.candle-base{width:clamp(11px,2vw,20px);height:clamp(3px,.5vw,5px);background:#ffffff40;border-radius:50%}.cake-structure{display:flex;flex-direction:column;align-items:center}.cake-layer{background:linear-gradient(135deg,#ff69b4,#ec4899,#ba55d3,#9d4edd);border-radius:clamp(10px,2vw,20px);margin:clamp(2px,.4vw,5px) 0;position:relative;box-shadow:0 8px 32px #ff69b473,inset 0 2px 10px #ffffff2e;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;overflow:hidden}.cake-layer:hover{transform:scale(1.02)}.layer-top{width:clamp(150px,33vw,300px);height:clamp(38px,7.5vw,80px)}.layer-middle{width:clamp(210px,46vw,400px);height:clamp(46px,9.5vw,90px)}.layer-bottom{width:clamp(270px,60vw,520px);height:clamp(54px,11vw,105px)}.layer-frosting{position:absolute;bottom:-4px;left:0;right:0;height:clamp(7px,1.5vw,16px);background:linear-gradient(to bottom,#ffffff61,#ffffff2e);border-radius:0 0 clamp(10px,2vw,20px) clamp(10px,2vw,20px)}.layer-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:clamp(.35rem,.9vw,1.3rem);font-size:clamp(.85rem,1.8vw,1.8rem);z-index:1;pointer-events:none}.layer-text{position:absolute;bottom:clamp(.15rem,.35vw,.45rem);left:50%;transform:translate(-50%);font-family:var(--heading-font);font-size:clamp(.65rem,1.3vw,1.2rem);color:#fffffff2;text-shadow:0 1px 6px rgba(0,0,0,.5);z-index:2;white-space:nowrap}.cake-plate{width:clamp(290px,64vw,560px);height:clamp(14px,2.8vw,32px);background:linear-gradient(to bottom,gold,#daa520,peru);border-radius:50%;margin-top:.4rem;box-shadow:0 4px 20px #ffd70061,inset 0 2px 8px #ffffff47;position:relative;overflow:hidden}.plate-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:plateShine 3s ease-in-out infinite}@keyframes plateShine{0%,to{left:-100%}50%{left:100%}}.cake-shadow{width:clamp(270px,62vw,540px);height:clamp(8px,2vw,22px);background:radial-gradient(ellipse,rgba(0,0,0,.28),transparent 70%);border-radius:50%;margin-top:.6rem}.cake-actions{text-align:center;min-height:120px;position:relative;z-index:5}.cake-btn{background:linear-gradient(135deg,var(--primary-pink),var(--secondary-purple));color:#fff;border:2px solid transparent;padding:clamp(.9rem,2vw,1.5rem) clamp(1.8rem,3.5vw,3rem);border-radius:50px;font-family:var(--body-font);font-size:clamp(1rem,2.2vw,1.4rem);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:clamp(.6rem,1.2vw,1rem);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 30px #ff69b466}.cake-btn:hover{transform:translateY(-6px) scale(1.05);border-color:var(--accent-gold);box-shadow:0 14px 48px #ff69b48c}.cake-btn:active{transform:translateY(-3px) scale(1.02)}.btn-icon{font-size:clamp(1.2rem,2.5vw,1.7rem);animation:bounce 1s ease-in-out infinite}.blow-section{animation:fadeInUp .6s ease-out}.blow-instruction{font-size:clamp(1rem,2.2vw,1.4rem);font-weight:700;color:var(--accent-gold);margin-bottom:clamp(1rem,2vw,1.8rem);animation:pulse 2s ease-in-out infinite}.wish-celebration{animation:fadeInUp .8s ease-out}.wish-message{background:linear-gradient(135deg,#ff69b42e,#ffd7002e);border:2px solid var(--accent-gold);border-radius:clamp(18px,3vw,26px);padding:clamp(1.8rem,3.5vw,2.8rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wish-heading{font-family:var(--heading-font);font-size:clamp(1.5rem,3.5vw,2.5rem);color:var(--accent-gold);margin-bottom:clamp(.8rem,1.5vw,1.2rem);animation:celebrate 1.5s ease-in-out infinite}.wish-text{font-size:clamp(.95rem,2vw,1.2rem);font-weight:500;color:#ffffffe6;line-height:1.9;margin-bottom:clamp(1rem,2vw,1.5rem)}.wish-emojis{display:flex;justify-content:center;gap:clamp(.8rem,1.5vw,1.3rem);font-size:clamp(1.6rem,3vw,2.2rem)}.wish-emojis span{animation:bounce 1s ease-in-out infinite}.wish-emojis span:nth-child(1){animation-delay:0s}.wish-emojis span:nth-child(2){animation-delay:.2s}.wish-emojis span:nth-child(3){animation-delay:.4s}.wish-emojis span:nth-child(4){animation-delay:.6s}.wish-emojis span:nth-child(5){animation-delay:.8s}.cake-fun-section{margin-top:clamp(2.5rem,5vw,4.5rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.2rem,2.5vw,2rem);position:relative;z-index:1}.fun-card{background:#ffffff0d;border:1.5px solid rgba(255,105,180,.2);border-radius:clamp(16px,2.5vw,22px);padding:clamp(1.5rem,3vw,2.2rem);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .35s ease}.fun-card:hover{transform:translateY(-8px);border-color:var(--primary-pink);box-shadow:0 12px 40px #ff69b459}.fun-icon{font-size:clamp(2.2rem,4.5vw,3.2rem);margin-bottom:clamp(.8rem,1.5vw,1.2rem);animation:pulse 2s ease-in-out infinite}.fun-title{font-family:var(--heading-font);font-size:clamp(1rem,2.2vw,1.4rem);color:var(--accent-gold);margin-bottom:clamp(.6rem,1.2vw,1rem)}.fun-text{font-size:clamp(.85rem,1.8vw,1rem);color:var(--text-gray);line-height:1.7}.birthday-countdown-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,3vw,3rem);position:relative;z-index:1}.countdown-container{max-width:clamp(800px,90vw,1200px);margin:0 auto;text-align:center}.countdown-container .section-title{margin-bottom:clamp(2.5rem,5vw,4rem)}.countdown-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:clamp(.8rem,1.8vw,1.8rem);align-items:center;justify-items:center}.countdown-box{background:#ffffff0d;border-radius:clamp(16px,2.5vw,26px);padding:clamp(1.8rem,3.5vw,3rem) clamp(1.2rem,2.5vw,2.2rem);text-align:center;border:1.5px solid rgba(255,105,180,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;transition:all .35s ease;position:relative;overflow:hidden}.countdown-box:hover{transform:translateY(-10px) scale(1.04);border-color:var(--primary-pink);box-shadow:0 14px 48px #ff69b461}.countdown-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,105,180,.15),transparent);transition:left .8s ease}.countdown-box:hover:before{left:100%}.countdown-number{font-family:var(--body-font);font-size:clamp(2.2rem,5.5vw,5rem);font-weight:900;background:linear-gradient(135deg,var(--primary-pink),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem;line-height:1;display:block}.countdown-label{font-size:clamp(.8rem,1.6vw,1.2rem);font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.8rem;display:block}.countdown-icon{font-size:clamp(1.6rem,3.2vw,3rem);animation:rotate 3s linear infinite;display:block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.countdown-separator{font-family:var(--body-font);font-size:clamp(1.8rem,3.5vw,4rem);font-weight:700;color:var(--primary-pink);animation:blink 2s ease-in-out infinite;line-height:1;-webkit-user-select:none;user-select:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.birthday-today{text-align:center;padding:clamp(2.5rem,5vw,4.5rem) clamp(2rem,4vw,3rem);background:linear-gradient(135deg,#ff69b42e,#ffd7002e);border-radius:clamp(20px,3.5vw,32px);border:3px solid var(--primary-pink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.today-text{font-family:var(--heading-font);font-size:clamp(2rem,4.5vw,3.5rem);color:var(--accent-gold);margin-bottom:clamp(.8rem,1.5vw,1.2rem);animation:celebrate 1.5s ease-in-out infinite}.today-message{font-size:clamp(1rem,2.2vw,1.6rem);font-weight:600;color:var(--text-light)}.birthday-messages-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,3vw,3rem);position:relative;z-index:1}.messages-container{max-width:clamp(700px,88vw,1000px);margin:0 auto}.messages-container .section-title{margin-bottom:clamp(2.5rem,5vw,4rem)}.message-card{background:#ffffff0d;border-radius:clamp(18px,3vw,28px);padding:clamp(2rem,4vw,3.2rem) clamp(1.5rem,3vw,2.8rem);border:1.5px solid rgba(255,105,180,.15);margin-bottom:clamp(2rem,4vw,3.5rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .35s ease;position:relative;overflow:hidden}.message-card:hover{transform:translateY(-6px);border-color:var(--primary-pink);box-shadow:0 12px 44px #ff69b447}.message-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,105,180,.08),transparent);transition:left .8s ease;z-index:0}.card-emoji{font-size:clamp(2.8rem,5.5vw,4rem);margin-bottom:clamp(1rem,2vw,1.6rem);animation:bounce 2s ease-in-out infinite;position:relative;z-index:1;display:block}.card-heading{font-family:var(--heading-font);font-size:clamp(1.5rem,3.5vw,2.5rem);color:var(--accent-gold);margin-bottom:clamp(1.2rem,2.5vw,2rem);position:relative;z-index:1}.message-content{color:var(--text-gray);line-height:1.95;font-size:clamp(.95rem,2vw,1.15rem);font-weight:500;position:relative;z-index:1}.message-content p{margin-bottom:clamp(1rem,2vw,1.6rem)}.special-card{background:linear-gradient(135deg,#ff69b417,#ba55d317)}.heartfelt-card{background:linear-gradient(135deg,#ba55d317,#ffd70017)}.wishes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(1.2rem,2.5vw,2rem);margin:clamp(2rem,4vw,3.5rem) 0}.wish-card{background:#ffffff0d;border-radius:clamp(16px,2.5vw,22px);padding:clamp(1.8rem,3.5vw,2.8rem) clamp(1.3rem,2.5vw,2.2rem);text-align:center;border:1.5px solid rgba(255,105,180,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.wish-card:hover{transform:translateY(-7px);border-color:var(--primary-pink);box-shadow:0 10px 36px #ff69b447}.wish-icon{font-size:clamp(2.2rem,4.5vw,3.2rem);margin-bottom:clamp(.8rem,1.5vw,1.2rem);display:block;animation:pulse 2s ease-in-out infinite}.wish-card h4{font-family:var(--heading-font);font-size:clamp(1rem,2.2vw,1.5rem);color:var(--accent-gold);margin-bottom:clamp(.6rem,1.2vw,1rem)}.wish-card p{font-size:clamp(.85rem,1.8vw,1rem);color:var(--text-gray);line-height:1.8;font-weight:500}.birthday-celebration-section{padding:clamp(4rem,8vw,7rem) clamp(1.2rem,3vw,3rem);position:relative;z-index:1}.floating-balloons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.balloon{position:absolute;font-size:clamp(2.5rem,5vw,4rem);animation:floatBalloon 10s ease-in-out infinite}.balloon-1{left:5%;animation-delay:0s}.balloon-2{left:22%;animation-delay:1.5s}.balloon-3{left:42%;animation-delay:3s}.balloon-4{left:62%;animation-delay:4.5s}.balloon-5{left:80%;animation-delay:6s}.balloon-6{left:50%;animation-delay:7.5s}@keyframes floatBalloon{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-120px) rotate(360deg);opacity:0}}.celebration-container{max-width:clamp(800px,90vw,1200px);margin:0 auto;position:relative;z-index:2}.celebration-container .section-title{margin-bottom:clamp(2.5rem,5vw,4rem)}.celebration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1.5rem,3vw,2.5rem);margin:0 0 clamp(2.5rem,5vw,4rem)}.celebration-card{background:#ffffff0d;border-radius:clamp(18px,3vw,28px);padding:clamp(2rem,4vw,3.2rem) clamp(1.5rem,3vw,2.2rem);text-align:center;border:1.5px solid rgba(255,105,180,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .35s ease;position:relative;overflow:hidden}.celebration-card:hover{transform:translateY(-10px) scale(1.03);border-color:var(--primary-pink);box-shadow:0 14px 50px #ff69b461}.celebration-icon{font-size:clamp(3rem,6vw,5rem);margin-bottom:clamp(1rem,2vw,1.6rem);display:block;animation:bounce 2s ease-in-out infinite}.celebration-card h3{font-family:var(--heading-font);font-size:clamp(1.2rem,2.8vw,2rem);color:var(--accent-gold);margin-bottom:clamp(.8rem,1.5vw,1.2rem)}.celebration-card p{font-size:clamp(.9rem,1.8vw,1.1rem);color:var(--text-gray);line-height:1.85;margin-bottom:clamp(1rem,2vw,1.5rem);font-weight:500}.party-emojis{font-size:clamp(1.3rem,2.5vw,2rem);letter-spacing:.4rem}.birthday-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(1.2rem,2.5vw,2rem);margin:0 0 clamp(3rem,6vw,5rem)}.stat-item{background:#ffffff0d;border-radius:clamp(14px,2.5vw,22px);padding:clamp(1.8rem,3.5vw,2.8rem) clamp(1rem,2vw,1.8rem);text-align:center;border:1.5px solid rgba(255,105,180,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.stat-item:hover{transform:translateY(-7px);border-color:var(--primary-pink);box-shadow:0 10px 36px #ff69b447}.stat-number{display:block;font-family:var(--body-font);font-size:clamp(2.2rem,4.5vw,4rem);font-weight:900;background:linear-gradient(135deg,var(--primary-pink),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1}.stat-label{font-size:clamp(.75rem,1.5vw,1rem);font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px}.final-message{margin:0}.final-card{background:linear-gradient(135deg,#ff69b421,#ffd70021);border-radius:clamp(20px,3.5vw,32px);padding:clamp(2.5rem,5vw,4.5rem) clamp(2rem,4vw,3.5rem);text-align:center;border:2.5px solid var(--primary-pink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 60px #ff69b424}.final-emoji{font-size:clamp(3rem,6vw,5rem);margin-bottom:clamp(1.2rem,2.5vw,2rem);display:block}.final-heading{font-family:var(--heading-font);font-size:clamp(1.8rem,4vw,3.2rem);color:var(--accent-gold);margin-bottom:clamp(1.2rem,2.5vw,2rem)}.final-text{font-size:clamp(.95rem,2vw,1.3rem);font-weight:500;color:var(--text-gray);line-height:2;margin-bottom:clamp(2rem,4vw,3rem);max-width:800px;margin-left:auto;margin-right:auto}.signature{border-top:1.5px solid rgba(255,105,180,.28);padding-top:clamp(1.2rem,2.5vw,2rem);margin-top:clamp(1.2rem,2.5vw,2rem)}.signature-text{font-size:clamp(.9rem,2vw,1.2rem);font-weight:500;color:var(--text-gray);margin-bottom:.5rem}.signature-name{font-family:var(--heading-font);font-size:clamp(1.3rem,2.8vw,2rem);background:linear-gradient(135deg,var(--primary-pink),var(--secondary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (max-width: 900px){.countdown-grid{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto}.countdown-separator:nth-child(4){display:none}.countdown-box:nth-child(7){grid-column:1 / -1;max-width:220px;margin:0 auto}}@media (max-width: 640px){.countdown-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:.9rem}.countdown-separator{display:none}.countdown-box:nth-child(7){grid-column:unset;max-width:unset}.celebration-grid,.wishes-grid,.cake-fun-section{grid-template-columns:1fr}.birthday-stats{grid-template-columns:repeat(2,1fr)}.layer-top{width:130px;height:32px}.layer-middle{width:182px;height:40px}.layer-bottom{width:232px;height:48px}.cake-plate{width:252px;height:12px}.cake-shadow{width:232px;height:7px}.layer-decoration{font-size:.78rem;gap:.28rem}.layer-text{font-size:.6rem}.candle-stick{height:24px;width:6px}.flame{font-size:.85rem}.candle-base{width:10px;height:2px}.candle-stick:before{width:8px;height:3px}}@media (max-width: 380px){.birthday-stats{grid-template-columns:1fr}.layer-top{width:110px;height:28px}.layer-middle{width:158px;height:36px}.layer-bottom{width:206px;height:44px}.cake-plate{width:224px;height:10px}.cake-shadow{width:206px;height:6px}.candles-row{gap:.3rem}.candle-stick{height:20px;width:5px}.cake-stage{padding:2rem 1rem}}.cs-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:clamp(2.5rem,5vw,5rem);padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2.5rem) clamp(3rem,6vw,5rem);position:relative;z-index:1;background:transparent}.cs-hero{text-align:center;max-width:min(900px,95vw);animation:csRise 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes csRise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.cs-hero-tag{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem 1.3rem;border-radius:999px;border:1px solid rgba(255,105,180,.28);background:#ff69b414;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:DM Sans,sans-serif;font-size:clamp(.72rem,1.5vw,.88rem);font-weight:600;color:#ffc8e6d9;letter-spacing:.8px;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.cs-hero-title{display:flex;flex-direction:column;align-items:center;line-height:1;gap:0;margin-bottom:clamp(1.2rem,2.5vw,2rem)}.cs-ht-line1{font-family:DM Sans,sans-serif;font-size:clamp(1.2rem,4vw,2.2rem);font-weight:300;color:#ffc8e6a6;letter-spacing:clamp(6px,2vw,16px);text-transform:uppercase;margin-bottom:.2em}.cs-ht-line2{font-family:Playfair Display,serif;font-size:clamp(5rem,18vw,13rem);font-weight:900;font-style:italic;line-height:.9;background:linear-gradient(135deg,#ff69b4,gold,#ff69b4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:goldShimmer 4s ease infinite;filter:drop-shadow(0 0 clamp(20px,5vw,60px) rgba(255,105,180,.5));position:relative}@keyframes goldShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cs-sup{font-size:.3em;font-style:normal;vertical-align:super;color:#ffc8e6b3;-webkit-text-fill-color:rgba(255,200,230,.7);font-family:DM Sans,sans-serif;font-weight:400;margin-left:.1em}.cs-ht-line3{font-family:DM Sans,sans-serif;font-size:clamp(1rem,3vw,1.8rem);font-weight:300;color:#ffc8e68c;letter-spacing:clamp(4px,1.5vw,12px);margin-top:.25em}.cs-hero-subtitle{display:inline-flex;align-items:center;gap:.5rem;font-family:DM Sans,sans-serif;font-size:clamp(.88rem,2vw,1.1rem);font-weight:400;color:#ffc8e6b8;line-height:1.6}.cs-sub-icon{font-size:1.2em}.cs-main-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(1.2rem,2.5vw,2.5rem);width:100%;max-width:min(1100px,96vw);align-items:start;animation:csRise 1.3s cubic-bezier(.22,1,.36,1) .25s both}@media (max-width: 820px){.cs-main-grid{grid-template-columns:1fr}}.cs-glass-card{background:#ffffff0a;border:1px solid rgba(255,140,200,.18);border-radius:clamp(20px,3vw,30px);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);padding:clamp(1.5rem,3vw,2.8rem);position:relative;overflow:hidden;box-shadow:0 8px 40px #a0005a38,0 0 0 1px #ff78be0f inset}.cs-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff69b4,gold,#ba55d3);border-radius:inherit}.cs-card-label{display:flex;align-items:center;gap:.45rem;font-family:DM Sans,sans-serif;font-size:clamp(.7rem,1.3vw,.8rem);font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#ffc8e673;margin-bottom:clamp(1rem,2vw,1.8rem)}.cs-cal{width:100%}.cs-cal-header{text-align:center;margin-bottom:clamp(.8rem,1.5vw,1.3rem)}.cs-cal-month-name{font-family:Playfair Display,serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;background:linear-gradient(135deg,#ff9dd8,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-cal-grid-head{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.4rem}.cs-cal-dow{text-align:center;font-family:DM Sans,sans-serif;font-size:clamp(.6rem,1.2vw,.72rem);font-weight:700;letter-spacing:.8px;color:#ffc8e661;padding:.3rem 0}.cs-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(3px,.6vw,6px)}.cs-cal-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:clamp(6px,1.2vw,10px);cursor:default;position:relative;font-family:DM Sans,sans-serif;font-size:clamp(.72rem,1.4vw,.88rem);font-weight:500;color:#ffdcf0b8;transition:background .25s,transform .25s;-webkit-user-select:none;user-select:none}.cs-cal-empty{background:transparent!important}.cs-cal-cell:not(.cs-cal-empty):not(.cs-cal-target):hover,.cs-cal-hov{background:#ff69b414;transform:scale(1.05)}.cs-cal-target{background:linear-gradient(135deg,#ff69b459,#ba55d359)!important;border:1.5px solid rgba(255,105,180,.7)!important;box-shadow:0 0 0 3px #ff69b42e,0 6px 20px #ff69b473;color:#fff!important;font-weight:800!important;transform:scale(1.12);z-index:2;animation:calPulse 2.8s ease-in-out infinite}@keyframes calPulse{0%,to{box-shadow:0 0 0 3px #ff69b42e,0 6px 20px #ff69b473}50%{box-shadow:0 0 0 6px #ff69b41a,0 8px 30px #ff69b4a6}}.cs-cal-num{line-height:1}.cs-cal-badge-wrap{position:absolute;bottom:-4px;right:-4px;font-size:clamp(.55rem,1vw,.7rem);line-height:1}.cs-cal-note{display:flex;align-items:center;gap:.45rem;margin-top:clamp(.8rem,1.5vw,1.2rem);font-family:DM Sans,sans-serif;font-size:clamp(.68rem,1.2vw,.78rem);color:#ffc8e66b;font-weight:500}.cs-cal-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff69b4,#ba55d3);box-shadow:0 0 8px #ff69b499;display:inline-block;flex-shrink:0}.cs-units{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(.3rem,1vw,.8rem);margin-bottom:clamp(1rem,2vw,1.8rem)}.cs-unit{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:clamp(50px,9vw,80px)}.cs-unit-icon{font-size:clamp(1rem,2vw,1.3rem);line-height:1;filter:drop-shadow(0 0 6px rgba(255,105,180,.55))}.cs-unit-val{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.6rem);font-weight:900;line-height:1;background:linear-gradient(160deg,#fff,gold 60%,#ff69b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 clamp(8px,2vw,18px) rgba(255,105,180,.35));transition:all .3s cubic-bezier(.34,1.56,.64,1);font-variant-numeric:tabular-nums}.cs-unit-label{font-family:DM Sans,sans-serif;font-size:clamp(.58rem,1.1vw,.72rem);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffc8e66b}.cs-sep{font-family:Playfair Display,serif;font-size:clamp(1.5rem,4vw,2.8rem);font-weight:900;color:#ff69b480;margin-bottom:clamp(1.2rem,2.5vw,2rem);animation:sepBlink 2s ease-in-out infinite;flex-shrink:0}@keyframes sepBlink{0%,to{opacity:1}50%{opacity:.25}}.cs-cd-footer{font-family:DM Sans,sans-serif;font-size:clamp(.78rem,1.5vw,.9rem);font-weight:400;color:#ffc8e66b;text-align:center;font-style:italic;line-height:1.6;padding-top:clamp(.8rem,1.5vw,1.2rem);border-top:1px solid rgba(255,140,200,.1)}.cs-footer-msg{text-align:center;animation:csRise 1.4s cubic-bezier(.22,1,.36,1) .5s both}.cs-footer-hearts{display:block;font-size:clamp(1.3rem,3vw,2rem);margin-bottom:.6rem;letter-spacing:.6rem;filter:drop-shadow(0 0 8px rgba(255,105,180,.55));animation:heartFloat 2.4s ease-in-out infinite}@keyframes heartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cs-footer-msg p{font-family:DM Sans,sans-serif;font-size:clamp(.82rem,1.8vw,1rem);font-weight:400;color:#ffc8e680;font-style:italic;line-height:1.7;max-width:500px;margin:0 auto}@media (max-width: 500px){.cs-units{gap:.15rem}.cs-sep{font-size:1.2rem;margin-bottom:1rem}.cs-unit{min-width:44px}.cs-unit-val{font-size:1.8rem}.cs-ht-line2{font-size:clamp(4rem,22vw,7rem)}}@media (min-width: 821px) and (max-width: 1100px){.cs-main-grid{grid-template-columns:1fr 1.2fr}}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--text-light: #ffffff;--text-gray: #cccccc}.faq-hero{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:150px 2rem 80px;position:relative;overflow:hidden;text-align:center;background:transparent}.faq-hero:before{content:"";position:absolute;width:clamp(300px,50vw,600px);height:clamp(300px,50vw,600px);border-radius:50%;background:radial-gradient(circle,rgba(255,105,180,.1),transparent 70%);top:-180px;left:-150px;animation:clBlob 9s ease-in-out infinite alternate;pointer-events:none}.faq-hero:after{content:"";position:absolute;width:clamp(250px,40vw,500px);height:clamp(250px,40vw,500px);border-radius:50%;background:radial-gradient(circle,rgba(186,85,211,.1),transparent 70%);bottom:-120px;right:-120px;animation:clBlob 12s ease-in-out infinite alternate-reverse;pointer-events:none}@keyframes clBlob{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-20px) scale(1.12)}}.faq-hero-content{max-width:900px;position:relative;z-index:1;animation:fadeInUp 1s ease-out}.faq-hero-subtitle{font-size:1.3rem;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;letter-spacing:3px;text-transform:uppercase}.faq-hero-title{font-size:clamp(2.8rem,7vw,4.5rem);font-weight:900;line-height:1.2;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(255,105,180,.3))}.faq-hero-description{font-size:1.3rem;line-height:1.9;color:var(--text-gray);margin-bottom:3rem}.hero-icon{font-size:4rem;margin-top:2rem;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,105,180,.5))}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.hero-buttons{margin:2rem 0;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center}.gift-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#ff69b4,#ff1493);border:none;border-radius:50px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ff69b473;position:relative;overflow:hidden}.gift-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:left .5s ease}.gift-btn:hover:before{left:100%}.gift-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff69b499}.faq-section{padding:100px 2rem;position:relative;background:transparent}.faq-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-label{font-size:1.1rem;color:var(--primary-color);font-weight:600;margin-bottom:1rem;letter-spacing:2px;text-transform:uppercase}.section-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.15rem;line-height:1.9;color:var(--text-gray);max-width:800px;margin:0 auto}.faq-grid{display:grid;gap:1.5rem;margin-top:3rem}.faq-item{background:#ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px;border:1px solid rgba(255,105,180,.15);overflow:hidden;transition:all .35s ease}.faq-item:hover{border-color:#ff69b473;box-shadow:0 12px 40px #ff69b433;transform:translateY(-2px)}.faq-question{padding:2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;transition:background .3s}.faq-question:hover{background:#ff69b40f}.faq-question-text{font-size:1.2rem;font-weight:700;color:var(--text-light);flex:1}.faq-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:transform .3s}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{padding:0 2rem 2rem;color:var(--text-gray);font-size:1.1rem;line-height:1.9}.clarity-section{padding:100px 2rem;background:transparent}.clarity-container{max-width:1400px;margin:0 auto}.clarity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin-top:3rem}.clarity-card{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:3rem 2.5rem;border-radius:25px;border:1px solid rgba(255,105,180,.12);transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.clarity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.4,0,.2,1)}.clarity-card:hover:before{transform:scaleX(1)}.clarity-card:hover{transform:translateY(-12px) scale(1.02);border-color:#ff69b466;box-shadow:0 28px 70px #ff69b44d;background:#ffffff12}.clarity-icon{font-size:3.5rem;margin-bottom:1.5rem;display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.clarity-card:hover .clarity-icon{transform:scale(1.2) rotate(-8deg)}.clarity-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--accent-color);transition:color .3s}.clarity-card:hover .clarity-title{color:var(--primary-color)}.clarity-text{color:var(--text-gray);font-size:1.1rem;line-height:1.9}.scroll-top{position:fixed;bottom:30px;right:30px;width:55px;height:55px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:9999;box-shadow:0 5px 20px #ff69b480;border:none}@media (max-width:1024px){.clarity-grid{grid-template-columns:1fr}}@media (max-width:768px){.faq-hero-title{font-size:2.8rem}.section-title{font-size:2.2rem}}@media (max-width:480px){.faq-hero,.faq-section,.clarity-section{padding:60px 1rem}.faq-question{padding:1.5rem}.faq-question-text{font-size:1.1rem}}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--text-light: #ffffff;--text-gray: #c0c0c0}.faq-hero{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(100px,14vw,160px) var(--space-lg, 2rem) clamp(60px,8vw,100px);position:relative;overflow:hidden;text-align:center;background:transparent}.faq-hero:before,.faq-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.faq-hero:before{width:clamp(300px,55vw,700px);height:clamp(300px,55vw,700px);background:radial-gradient(circle,rgba(255,105,180,.12),transparent 65%);top:clamp(-180px,-20vw,-280px);right:clamp(-180px,-20vw,-280px);animation:heroFloat 9s ease-in-out infinite}.faq-hero:after{width:clamp(220px,40vw,550px);height:clamp(220px,40vw,550px);background:radial-gradient(circle,rgba(186,85,211,.12),transparent 65%);bottom:clamp(-120px,-15vw,-200px);left:clamp(-120px,-15vw,-200px);animation:heroFloat 9s ease-in-out infinite reverse}@keyframes heroFloat{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(22px,-22px) scale(1.1);opacity:.35}}.faq-hero-content{max-width:clamp(320px,90vw,1000px);position:relative;z-index:1;animation:fadeInUp 1.2s cubic-bezier(.22,1,.36,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.faq-hero-subtitle{display:inline-flex;align-items:center;gap:.5rem;font-size:clamp(.75rem,1.5vw,.9rem);color:var(--primary-color);font-weight:600;margin-bottom:1.5rem;letter-spacing:clamp(2px,.6vw,5px);text-transform:uppercase;padding:.5rem 1rem;border:1px solid rgba(255,105,180,.25);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff69b412}.faq-hero-subtitle:before{content:"✦"}.faq-hero-subtitle:after{content:"✦"}.faq-hero-title{font-family:Playfair Display,serif;font-size:clamp(2.4rem,7vw,5rem);font-weight:900;line-height:1.08;margin-bottom:1.5rem;background:linear-gradient(135deg,#ff69b4,#d43fc4 40%,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 clamp(20px,4vw,50px) rgba(255,105,180,.3))}.faq-hero-description{font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.9;color:var(--text-gray);margin-bottom:2rem;max-width:clamp(300px,80vw,820px);margin-left:auto;margin-right:auto}.hero-icon{font-size:clamp(3rem,8vw,5.5rem);margin-top:1.5rem;display:inline-block;animation:iconBounce 2.4s ease-in-out infinite;filter:drop-shadow(0 0 clamp(12px,3vw,28px) rgba(255,105,180,.55))}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-22px) scale(1.12)}}.clarity-section{padding:clamp(4rem,8vw,8rem) clamp(1.5rem,4vw,4rem);position:relative;background:transparent;background-image:linear-gradient(180deg,transparent,rgba(255,105,180,.03),transparent)}.clarity-container{max-width:min(1400px,95vw);margin:0 auto}.section-header{text-align:center;margin-bottom:clamp(3rem,6vw,5rem)}.section-label{font-size:clamp(.75rem,1.5vw,.9rem);color:var(--primary-color);font-weight:600;margin-bottom:1rem;letter-spacing:clamp(2px,.5vw,4px);text-transform:uppercase}.section-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;line-height:1.2;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:clamp(1rem,2vw,1.2rem);line-height:2;color:var(--text-gray);max-width:clamp(300px,80vw,820px);margin:0 auto}.clarity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(240px,30vw,380px),1fr));gap:clamp(1.2rem,3vw,3rem);margin-top:clamp(2.5rem,5vw,4rem)}.gratitude-card,.respect-card{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:clamp(1.8rem,4vw,3.5rem) clamp(1.4rem,3vw,2.8rem);border-radius:clamp(20px,3vw,30px);border:1px solid rgba(255,105,180,.12);transition:transform .55s cubic-bezier(.34,1.56,.64,1),box-shadow .55s ease,border-color .55s ease,background .55s ease;position:relative;overflow:hidden;cursor:default}.gratitude-card:before,.respect-card:before{content:"";position:absolute;top:0;left:0;right:0;height:clamp(3px,.4vw,5px);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.4,0,.2,1);border-radius:inherit}.gratitude-card:hover:before,.respect-card:hover:before{transform:scaleX(1)}.gratitude-card:hover,.respect-card:hover{transform:translateY(clamp(-8px,-1.5vw,-16px)) scale(1.015);border-color:#ff69b461;box-shadow:0 clamp(16px,3vw,32px) clamp(40px,6vw,80px) #ff69b438;background:#fff1}.clarity-icon{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:1.5rem;display:inline-block;transition:transform .55s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 4px 12px rgba(255,105,180,.25))}.gratitude-card:hover .clarity-icon,.respect-card:hover .clarity-icon{transform:scale(1.22) rotate(8deg)}.clarity-title{font-family:Playfair Display,serif;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:700;margin-bottom:1rem;color:var(--accent-color);transition:color .3s ease}.gratitude-card:hover .clarity-title,.respect-card:hover .clarity-title{color:var(--primary-color)}.clarity-text{color:var(--text-gray);font-size:clamp(.9rem,2vw,1.05rem);line-height:1.95}.final-message-section{padding:clamp(4rem,8vw,8rem) clamp(1.5rem,4vw,4rem);position:relative;background:transparent}.final-message-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:clamp(200px,70vw,900px);height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.22}.final-message-container{max-width:min(1040px,95vw);margin:0 auto}.final-message-content{text-align:center;padding:clamp(2.5rem,6vw,5.5rem) clamp(1.5rem,5vw,4rem);background:#ffffff0a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:clamp(24px,5vw,40px);border:1px solid rgba(255,105,180,.18);position:relative;overflow:hidden}.final-message-content:after{content:"✦";position:absolute;top:1.5rem;right:1.5rem;font-size:1.2rem;color:#ff69b447;animation:sparkle 3s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.28;transform:scale(1) rotate(0)}50%{opacity:.85;transform:scale(1.3) rotate(20deg)}}.final-message-title{font-family:Playfair Display,serif;font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.final-message-text{font-size:clamp(1rem,2vw,1.2rem);line-height:2.1;color:var(--text-gray);margin-bottom:1.5rem;position:relative;z-index:1;max-width:clamp(280px,80%,820px);margin-left:auto;margin-right:auto}.final-message-text:last-child{margin-bottom:0;font-weight:600;color:var(--text-light);font-size:clamp(1rem,2vw,1.2rem);padding:1rem 1.5rem;border:1px solid rgba(255,105,180,.22);border-radius:14px;background:#ff69b40f;display:inline-block;width:auto}.scroll-top{position:fixed;bottom:clamp(20px,4vw,40px);right:clamp(20px,4vw,40px);width:clamp(44px,7vw,62px);height:clamp(44px,7vw,62px);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:clamp(1rem,2vw,1.6rem);cursor:pointer;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:9999;box-shadow:0 8px 28px #ff69b46b;border:none}.scroll-top:hover{transform:translateY(-8px) scale(1.18);box-shadow:0 14px 38px #ff69b4a6}@media (max-width:768px){.clarity-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--text-light: #ffffff;--text-gray: #cccccc;--main-font: "Comic Sans MS", "Comic Sans", cursive;--heading-font: "Pacifico", cursive}.faq-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(4rem,10vw,8rem) clamp(1.5rem,3vw,3rem) clamp(3rem,6vw,5rem);position:relative;overflow:hidden;text-align:center;background:transparent}.hero-bg-decoration{position:absolute;width:clamp(500px,70vw,900px);height:clamp(500px,70vw,900px);border-radius:50%;opacity:.4;animation:spin 28s linear infinite;pointer-events:none}.hero-bg-left{background:conic-gradient(from 0deg,rgba(255,105,180,.12),rgba(186,85,211,.12),transparent);top:clamp(-250px,-30vw,-350px);left:clamp(-250px,-30vw,-350px)}.hero-bg-right{background:conic-gradient(from 180deg,rgba(186,85,211,.12),rgba(255,105,180,.12),transparent);bottom:clamp(-200px,-25vw,-300px);right:clamp(-200px,-25vw,-300px);animation-direction:reverse}.faq-hero-content{max-width:clamp(700px,90vw,1000px);position:relative;z-index:1;animation:slideUp 1s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.faq-hero-subtitle{font-family:var(--main-font);font-size:clamp(.85rem,2vw,1.2rem);font-weight:700;color:var(--primary-color);margin-bottom:clamp(1rem,2.5vw,2rem);letter-spacing:clamp(3px,.8vw,6px);text-transform:uppercase}.faq-hero-title{font-family:var(--heading-font);font-size:clamp(2.5rem,8vw,5.5rem);font-weight:400;line-height:1.1;margin-bottom:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradShift 5s ease infinite;filter:drop-shadow(0 0 clamp(20px,4vw,35px) rgba(255,105,180,.45));position:relative}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.faq-hero-title:after{content:"";position:absolute;bottom:clamp(-10px,-2vw,-16px);left:50%;transform:translate(-50%);width:clamp(120px,25vw,200px);height:3px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);border-radius:2px}.faq-hero-description{font-family:var(--main-font);font-size:clamp(1rem,2.2vw,1.5rem);font-weight:500;line-height:1.9;color:var(--text-gray);margin-bottom:clamp(2.5rem,5vw,4rem);max-width:clamp(600px,85vw,900px);margin-left:auto;margin-right:auto}.hero-icon-wrapper{position:relative;display:inline-block;margin-top:clamp(2rem,4vw,3.5rem)}.hero-icon{font-size:clamp(3.5rem,8vw,6rem);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 clamp(8px,1.5vw,12px) clamp(30px,6vw,50px) rgba(255,105,180,.6));position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(clamp(-20px,-4vw,-32px)) rotate(5deg)}}.hero-icon-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(100px,20vw,150px);height:clamp(100px,20vw,150px);background:radial-gradient(circle,rgba(255,105,180,.4),transparent 70%);animation:glowPulse 2s ease-in-out infinite;z-index:0}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.3)}}.clarity-section{padding:clamp(5rem,10vw,10rem) clamp(1.5rem,3vw,3rem);position:relative;background:transparent}.clarity-container{max-width:clamp(900px,95vw,1400px);margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:clamp(4rem,8vw,7rem)}.section-label{font-family:var(--main-font);font-size:clamp(.8rem,1.8vw,1rem);font-weight:700;color:var(--primary-color);margin-bottom:clamp(.8rem,1.5vw,1.2rem);letter-spacing:clamp(2.5px,.6vw,5px);text-transform:uppercase}.section-title{font-family:var(--heading-font);font-size:clamp(2.2rem,6vw,4.2rem);font-weight:400;margin-bottom:clamp(1.2rem,2.5vw,2rem);line-height:1.2;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-family:var(--main-font);font-size:clamp(1rem,2.2vw,1.35rem);font-weight:500;line-height:1.9;color:var(--text-gray);max-width:clamp(600px,85vw,900px);margin:0 auto}.clarity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(280px,45vw,450px),1fr));gap:clamp(2rem,4vw,4rem);margin-top:clamp(3rem,6vw,6rem)}.gratitude-card{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3.5rem);border-radius:clamp(24px,4vw,36px);border:1px solid rgba(255,105,180,.12);transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff69b41a,#ba55d31a);opacity:0;transition:opacity .5s ease;border-radius:inherit}.gratitude-card:hover .card-glow{opacity:1}.gratitude-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .8s ease}.gratitude-card:hover:after{left:100%}.gratitude-card:hover{transform:translateY(clamp(-12px,-2.5vw,-20px)) scale(1.03);border-color:#ff69b461;box-shadow:0 clamp(25px,5vw,40px) clamp(60px,12vw,90px) #ff69b447;background:#ffffff12}.clarity-icon-wrapper{position:relative;display:inline-block;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.clarity-icon{font-size:clamp(3rem,6vw,5rem);display:inline-block;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.gratitude-card:hover .clarity-icon{transform:scale(1.25) rotate(-10deg);filter:drop-shadow(0 0 clamp(15px,3vw,25px) rgba(255,105,180,.8))}.clarity-title{font-family:var(--main-font);font-size:clamp(1.3rem,3vw,2.2rem);font-weight:700;margin-bottom:clamp(1rem,2vw,1.5rem);color:var(--accent-color);transition:all .3s ease;position:relative;z-index:1}.gratitude-card:hover .clarity-title{color:var(--primary-color);transform:translate(4px)}.clarity-text{font-family:var(--main-font);color:var(--text-gray);font-size:clamp(.95rem,2vw,1.2rem);font-weight:500;line-height:1.9;position:relative;z-index:1}.final-message-section{padding:clamp(5rem,10vw,10rem) clamp(1.5rem,3vw,3rem);position:relative;background:transparent}.final-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(400px,70vw,700px);height:clamp(400px,70vw,700px);background:radial-gradient(circle,rgba(255,105,180,.1),transparent 70%);border-radius:50%;animation:fbPulse 4s ease-in-out infinite;pointer-events:none}@keyframes fbPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}.final-message-container{max-width:clamp(700px,90vw,1100px);margin:0 auto;position:relative;z-index:1}.final-message-content{text-align:center;padding:clamp(3.5rem,7vw,6rem) clamp(2.5rem,5vw,4.5rem);background:#ffffff0a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:clamp(32px,6vw,52px);border:1px solid rgba(255,105,180,.18);position:relative;box-shadow:0 clamp(15px,3vw,25px) clamp(50px,10vw,75px) #0003}.final-message-content:hover{border-color:#ff69b459;box-shadow:0 20px 70px #ff69b42e}.final-message-icon{font-size:clamp(3rem,6vw,4.5rem);margin-bottom:clamp(1.5rem,3vw,2.5rem);animation:heartBeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 clamp(15px,3vw,25px) rgba(255,105,180,.6))}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.final-message-title{font-family:var(--heading-font);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;margin-bottom:clamp(2rem,4vw,3.5rem);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-message-text{font-family:var(--main-font);font-size:clamp(1rem,2.3vw,1.4rem);font-weight:500;line-height:2;color:var(--text-gray);margin-bottom:clamp(2rem,4vw,3rem)}.final-highlight{font-weight:700;color:var(--text-light);font-size:clamp(1.1rem,2.5vw,1.5rem);background:linear-gradient(135deg,var(--text-light),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-hearts{display:flex;justify-content:center;align-items:center;gap:clamp(1rem,2vw,1.8rem);margin-top:clamp(1.5rem,3vw,2.5rem)}.final-hearts .heart{font-size:clamp(1.5rem,3vw,2.2rem);animation:heartFloat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 clamp(8px,1.5vw,12px) rgba(255,105,180,.7))}.final-hearts .heart:nth-child(1){animation-delay:0s}.final-hearts .heart:nth-child(2){animation-delay:.3s}.final-hearts .heart:nth-child(3){animation-delay:.6s}@keyframes heartFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(clamp(-8px,-1.5vw,-12px)) scale(1.2)}}.scroll-top{position:fixed;bottom:clamp(30px,5vw,50px);right:clamp(30px,5vw,50px);width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);cursor:pointer;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:9999;box-shadow:0 clamp(8px,1.5vw,12px) clamp(25px,5vw,35px) #ff69b480}.scroll-top svg{width:clamp(22px,4.5vw,32px);height:clamp(22px,4.5vw,32px)}.scroll-top:hover{transform:translateY(clamp(-8px,-1.5vw,-12px)) scale(1.15);box-shadow:0 clamp(12px,2.5vw,18px) clamp(35px,7vw,50px) #ff69b4b3}@media (max-width:768px){.clarity-grid{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem)}}@media (max-width:480px){.faq-hero,.clarity-section,.final-message-section{padding-left:1.2rem;padding-right:1.2rem}.final-message-content{padding:clamp(2.5rem,5vw,3.5rem) clamp(1.8rem,4vw,2.5rem);border-radius:28px}.gratitude-card{padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2rem);border-radius:22px}}::selection{background:var(--primary-color);color:var(--text-light)}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--dark-bg: #000000;--light-dark: #1a1a1a;--text-light: #ffffff;--text-gray: #cccccc;--body-font: sans-serif;--font-heading: "Comic Sans", poppins;--font-body: "Poppins", sans-serif;--font-button: "Montserrat", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:var(--text-light);overflow-x:hidden}.hassan-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 2rem;position:relative;overflow:hidden}.hassan-hero:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,105,180,.2),transparent);border-radius:50%;top:-300px;right:-300px;animation:pulse 5s ease-in-out infinite}.hassan-hero:after{content:"";position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(186,85,211,.2),transparent);border-radius:50%;bottom:-250px;left:-250px;animation:pulse 5s ease-in-out infinite 2.5s}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:.3}}.hassan-hero-content{max-width:1000px;text-align:center;position:relative;z-index:1;animation:fadeInUp 1.2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.hero-decorative-top{display:flex;justify-content:center;gap:2.5rem;margin-bottom:3rem}.heart-float{font-size:3.5rem;animation:floatHeart 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,105,180,.6))}.heart-float:nth-child(1){animation-delay:0s}.heart-float:nth-child(2){animation-delay:1s}.heart-float:nth-child(3){animation-delay:2s}@keyframes floatHeart{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-25px) rotate(3deg)}}.hassan-hero-title{font-family:var(--font-heading);font-size:8rem;font-weight:900;line-height:1;margin-bottom:2.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px rgba(255,105,180,.5);animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,105,180,.4))}50%{filter:drop-shadow(0 0 40px rgba(255,105,180,.8))}}.hassan-hero-text{font-size:1.5rem;line-height:2;color:var(--text-gray);max-width:800px;margin:0 auto 3rem;font-weight:300}.hero-accent-line{width:200px;height:4px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--secondary-color),transparent);margin:0 auto;border-radius:10px;animation:lineGlow 2s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.5;box-shadow:0 0 10px #ff69b44d}50%{opacity:1;box-shadow:0 0 30px #ff69b4cc}}.girl-section{padding:120px 2rem;position:relative;overflow:hidden}.girl-section:before{content:"💖";position:absolute;font-size:30rem;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);animation:heartbeat 4s ease-in-out infinite;pointer-events:none}@keyframes heartbeat{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.girl-container{max-width:1100px;margin:0 auto;text-align:center;position:relative;z-index:1;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floating-hearts-bg{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.floating-hearts-bg span{position:absolute;font-size:2.5rem;opacity:.15;animation:floatRandom 8s ease-in-out infinite}.floating-hearts-bg span:nth-child(1){top:10%;left:10%;animation-delay:0s}.floating-hearts-bg span:nth-child(2){top:20%;right:15%;animation-delay:2s}.floating-hearts-bg span:nth-child(3){bottom:25%;left:12%;animation-delay:4s}.floating-hearts-bg span:nth-child(4){bottom:15%;right:10%;animation-delay:6s}@keyframes floatRandom{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-30px) rotate(10deg)}50%{transform:translate(-15px,-20px) rotate(-10deg)}75%{transform:translate(15px,-35px) rotate(5deg)}}.section-heading{font-family:var(--font-heading);font-size:5rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-text{font-size:1.4rem;line-height:2.1;color:var(--text-gray);max-width:900px;margin:0 auto 4rem;font-weight:300}.love-declaration{margin-top:5rem;position:relative}.declaration-circle{width:150px;height:150px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2.5rem;box-shadow:0 20px 60px #ff69b480;animation:scaleUp 3s ease-in-out infinite}@keyframes scaleUp{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.heart-icon{font-size:5rem;animation:heartPulse 1.5s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.declaration-title{font-family:var(--font-heading);font-size:4.5rem;font-weight:900;color:var(--accent-color);margin-bottom:1.5rem;text-shadow:0 0 40px rgba(255,215,0,.5)}.declaration-underline{width:300px;height:5px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);margin:0 auto;border-radius:10px;animation:lineExpand 2s ease-in-out infinite}@keyframes lineExpand{0%,to{width:300px;opacity:.6}50%{width:400px;opacity:1}}.miss-section,.loyalty-section,.disappoint-section,.respect-section,.hurt-section{padding:120px 2rem;position:relative;overflow:hidden}.miss-section:before{content:"💭";position:absolute;font-size:30rem;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);animation:heartbeat 4s ease-in-out infinite;pointer-events:none}.loyalty-section:before{content:"🤝";position:absolute;font-size:30rem;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);animation:heartbeat 4s ease-in-out infinite;pointer-events:none}.disappoint-section:before{content:"⭐";position:absolute;font-size:30rem;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);animation:heartbeat 4s ease-in-out infinite;pointer-events:none}.respect-section:before{content:"👑";position:absolute;font-size:30rem;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);animation:heartbeat 4s ease-in-out infinite;pointer-events:none}.hurt-section:before{content:"🕊️";position:absolute;font-size:30rem;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%);animation:heartbeat 4s ease-in-out infinite;pointer-events:none}.section-container{max-width:1100px;margin:0 auto;text-align:center;position:relative;z-index:1;animation:fadeIn 1s ease-out}.floating-icons-bg{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.floating-icons-bg span{position:absolute;font-size:2.5rem;opacity:.15;animation:floatRandom 8s ease-in-out infinite}.floating-icons-bg span:nth-child(1){top:10%;left:10%;animation-delay:0s}.floating-icons-bg span:nth-child(2){top:20%;right:15%;animation-delay:2s}.floating-icons-bg span:nth-child(3){bottom:25%;left:12%;animation-delay:4s}.floating-icons-bg span:nth-child(4){bottom:15%;right:10%;animation-delay:6s}.section-content{margin-top:5rem;position:relative}.declaration-box{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);margin-top:2rem;transition:all .4s ease;max-width:600px;margin-left:auto;margin-right:auto}.declaration-box:hover{transform:translateY(-10px);border-color:var(--primary-color);background:#ff69b41a;box-shadow:0 20px 50px #ff69b44d}.declaration-subtitle{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--accent-color);margin:0}.final-message-section{padding:120px 2rem;position:relative;overflow:hidden}.final-message-section:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(255,105,180,.1),transparent 70%);top:0;left:0;pointer-events:none}.final-message-container{max-width:1100px;margin:0 auto;position:relative;z-index:1}.final-message-card{background:linear-gradient(135deg,#ff69b426,#ba55d326);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:5rem 4rem;border-radius:40px;border:2px solid rgba(255,105,180,.3);box-shadow:0 40px 100px #ff69b466;text-align:center;position:relative;overflow:hidden;animation:cardFloat 4s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-message-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 6s linear infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.message-decorative-top,.message-decorative-bottom{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:3rem;position:relative;z-index:1}.message-decorative-bottom{margin-top:3rem;margin-bottom:0}.decorative-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);border-radius:10px}.decorative-heart{font-size:2.5rem;animation:heartRotate 3s ease-in-out infinite}@keyframes heartRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(15deg) scale(1.15)}}.final-heading{font-family:var(--font-heading);font-size:5.5rem;font-weight:900;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.final-text{font-size:1.4rem;line-height:2.2;color:var(--text-light);max-width:850px;margin:0 auto 4rem;font-weight:300;position:relative;z-index:1}.final-declaration{margin-top:4rem;position:relative;z-index:1}.final-declaration-text{font-family:var(--font-heading);font-size:4.5rem;font-weight:900;color:var(--accent-color);margin-bottom:2rem;text-shadow:0 0 50px rgba(255,215,0,.6)}.declaration-hearts{display:flex;justify-content:center;gap:1.5rem;font-size:2.5rem}.declaration-hearts span{animation:heartBounce 1s ease-in-out infinite}.declaration-hearts span:nth-child(1){animation-delay:0s}.declaration-hearts span:nth-child(2){animation-delay:.2s}.declaration-hearts span:nth-child(3){animation-delay:.4s}.declaration-hearts span:nth-child(4){animation-delay:.6s}.declaration-hearts span:nth-child(5){animation-delay:.8s}@keyframes heartBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.scroll-top{position:fixed;bottom:30px;right:30px;width:55px;height:55px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;z-index:9999;box-shadow:0 5px 20px #ff69b480}.scroll-top.active{opacity:1;visibility:visible}.scroll-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 30px #ff69b4b3}@media (max-width: 1024px){.hassan-hero-title{font-size:6rem}.section-heading{font-size:4rem}.declaration-title{font-size:3.5rem}.final-heading{font-size:4.5rem}.final-declaration-text{font-size:3.5rem}}@media (max-width: 768px){.hassan-hero{padding:80px 1.5rem}.hassan-hero-title{font-size:4.5rem}.hassan-hero-text{font-size:1.2rem}.heart-float{font-size:2.5rem}.girl-section,.miss-section,.loyalty-section,.disappoint-section,.respect-section,.hurt-section{padding:80px 1.5rem}.section-heading{font-size:3rem}.section-text{font-size:1.2rem}.declaration-circle{width:120px;height:120px}.heart-icon{font-size:4rem}.declaration-title{font-size:2.8rem}.declaration-subtitle{font-size:1.6rem}.final-message-card{padding:3.5rem 2.5rem}.final-heading{font-size:3.5rem}.final-text{font-size:1.2rem}.final-declaration-text{font-size:2.8rem}.declaration-hearts{font-size:2rem}}@media (max-width: 480px){.hassan-hero{padding:60px 1rem;min-height:80vh}.hassan-hero-title{font-size:3rem}.hassan-hero-text{font-size:1rem;line-height:1.8}.heart-float{font-size:2rem}.hero-decorative-top{gap:1.5rem}.girl-section,.miss-section,.loyalty-section,.disappoint-section,.respect-section,.hurt-section{padding:60px 1rem}.section-heading{font-size:2.2rem}.section-text{font-size:1.05rem;line-height:1.9}.declaration-circle{width:100px;height:100px}.heart-icon{font-size:3rem}.declaration-title{font-size:2rem}.declaration-underline{width:200px}.declaration-subtitle{font-size:1.3rem}.declaration-box{padding:1.5rem}.final-message-section{padding:80px 1rem}.final-message-card{padding:2.5rem 1.5rem;border-radius:25px}.final-heading{font-size:2.5rem}.final-text{font-size:1.05rem;line-height:2}.final-declaration-text{font-size:2.2rem}.declaration-hearts{gap:1rem;font-size:1.8rem}.decorative-heart{font-size:2rem}.scroll-top{width:45px;height:45px;font-size:1.2rem;bottom:20px;right:20px}}.gm2-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem);background:linear-gradient(145deg,#0f0a1e,#1c0d00,#0d0a1e);position:relative;overflow:hidden;font-family:Poppins,sans-serif;color:#fff}.gm2-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:gm2OrbDrift 16s ease-in-out infinite alternate}.gm2-o1{width:clamp(300px,50vw,580px);height:clamp(300px,50vw,580px);background:radial-gradient(circle,rgba(255,140,0,.22),rgba(255,80,30,.1),transparent);top:-12%;left:-10%}.gm2-o2{width:clamp(200px,35vw,380px);height:clamp(200px,35vw,380px);background:radial-gradient(circle,rgba(255,105,180,.12),transparent);bottom:-8%;right:-8%;animation-delay:7s}.gm2-o3{width:clamp(150px,24vw,280px);height:clamp(150px,24vw,280px);background:radial-gradient(circle,rgba(255,200,0,.07),transparent);top:42%;left:42%;animation-delay:3s}@keyframes gm2OrbDrift{0%{transform:translate(0)}to{transform:translate(22px,14px)}}.gm2-floats{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.gm2-float{position:absolute;opacity:.11;font-size:clamp(.9rem,2vw,1.3rem);animation:gm2FloatUp 9s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,160,0,.4))}.gm2-f0{top:7%;left:4%;animation-delay:0s}.gm2-f1{top:14%;left:88%;animation-delay:1.1s}.gm2-f2{top:35%;left:7%;animation-delay:2.1s}.gm2-f3{top:55%;left:92%;animation-delay:.7s}.gm2-f4{top:72%;left:12%;animation-delay:3.2s}.gm2-f5{top:84%;left:73%;animation-delay:1.8s}.gm2-f6{top:11%;left:50%;animation-delay:2.5s}.gm2-f7{top:64%;left:42%;animation-delay:4.1s}@keyframes gm2FloatUp{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-17px) rotate(7deg)}}.gm2-wrap{position:relative;z-index:1;width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,2.5vw,1.5rem)}.gm2-clock{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#ffffff0d;border:1px solid rgba(255,152,0,.25);border-radius:14px;padding:.65rem 2rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:gm2FadeIn .8s ease-out both}.gm2-clock-time{font-family:Montserrat,sans-serif;font-size:clamp(1.6rem,5vw,2.8rem);font-weight:900;letter-spacing:3px;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#ff9800,#ff69b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.gm2-clock-label{font-size:clamp(.62rem,1.4vw,.74rem);color:#ffffff52;font-weight:600;letter-spacing:1px;text-transform:uppercase}.gm2-card{width:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,152,0,.25);border-radius:clamp(20px,4vw,28px);padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;align-items:center;gap:clamp(.8rem,2vw,1.2rem);position:relative;overflow:hidden;box-shadow:0 10px 50px #000000a6,0 0 0 1px #ff98001a;animation:gm2FadeIn .9s ease-out .1s both}.gm2-card-glow{position:absolute;top:-50px;right:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,152,0,.16) 0%,transparent 70%);pointer-events:none}.gm2-sun-wrap{position:relative;width:clamp(64px,13vw,82px);height:clamp(64px,13vw,82px);display:flex;align-items:center;justify-content:center}.gm2-sun-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,152,0,.3);background:#ff980012;animation:gm2RingPulse 2.8s ease-in-out infinite}@keyframes gm2RingPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:.4}}.gm2-sun{font-size:clamp(2rem,5vw,2.8rem);position:relative;z-index:1;animation:gm2SunSpin 8s linear infinite;filter:drop-shadow(0 0 14px rgba(255,200,0,.55))}@keyframes gm2SunSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.gm2-badge{font-family:Montserrat,sans-serif;font-size:clamp(.6rem,1.4vw,.72rem);font-weight:800;letter-spacing:2.5px;text-transform:uppercase;padding:.35rem 1.1rem;border-radius:50px;background:#ff98001a;border:1px solid rgba(255,152,0,.32);color:#ffb74d}.gm2-title{font-family:Montserrat,sans-serif;font-size:clamp(1.4rem,4.5vw,2.2rem);font-weight:900;text-align:center;margin:0;line-height:1.25;color:#ffffffeb}.gm2-name{background:linear-gradient(135deg,#ff9800,#ff69b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gm2-divider{display:flex;align-items:center;gap:.8rem;width:100%}.gm2-divider span:not(.gm2-heart){flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,160,0,.28),transparent)}.gm2-heart{animation:gm2HB 1.7s ease-in-out infinite;font-size:.95rem}@keyframes gm2HB{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.gm2-msg{font-size:clamp(.88rem,2vw,1.05rem);color:#ffffffbf;text-align:center;line-height:1.85;margin:0}.gm2-sig{font-family:Montserrat,sans-serif;font-size:clamp(.72rem,1.5vw,.84rem);color:#ffffff4d;text-align:center;margin:0;font-style:italic;letter-spacing:.5px}.gm2-wait{border-color:#ffffff12;box-shadow:0 10px 40px #0009}.gm2-wait-glow{background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%)}.gm2-wait-icon{font-size:clamp(2.5rem,8vw,3.5rem);animation:gm2BounceWait 2.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,150,0,.35))}@keyframes gm2BounceWait{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gm2-wait-title{font-family:Montserrat,sans-serif;font-size:clamp(1.2rem,3.5vw,1.8rem);font-weight:900;text-align:center;margin:0;background:linear-gradient(135deg,#ff9800,#ffcc02);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gm2-wait-sub{font-size:clamp(.84rem,2vw,.96rem);color:#ffffff80;text-align:center;line-height:1.7;margin:0;max-width:360px}.gm2-countdown-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;background:#ff980014;border:1px solid rgba(255,152,0,.22);border-radius:50px;font-family:Montserrat,sans-serif;font-size:clamp(.7rem,1.5vw,.82rem);font-weight:700;color:#ffb74d;letter-spacing:.5px}.gm2-wait-love{font-size:clamp(.72rem,1.6vw,.84rem);color:#ffa05080;text-align:center;font-style:italic;margin:0}@keyframes gm2FadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.gm2-card{padding:1.8rem 1.3rem}.gm2-clock{padding:.6rem 1.4rem}}*{box-sizing:border-box}.gn2-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem);background:linear-gradient(145deg,#020410,#06081e,#020810);position:relative;overflow:hidden;font-family:Poppins,sans-serif;color:#fff}.gn2-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.gn2-star{position:absolute;background:#fff;border-radius:50%;animation:gn2Twinkle 3s ease-in-out infinite}@keyframes gn2Twinkle{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.75;transform:scale(1.6)}}.gn2-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:gn2OrbDrift 16s ease-in-out infinite alternate}.gn2-o1{width:clamp(280px,45vw,520px);height:clamp(280px,45vw,520px);background:radial-gradient(circle,rgba(88,50,190,.22),transparent);top:-10%;left:-10%}.gn2-o2{width:clamp(200px,35vw,380px);height:clamp(200px,35vw,380px);background:radial-gradient(circle,rgba(140,30,160,.14),transparent);bottom:-8%;right:-8%;animation-delay:8s}@keyframes gn2OrbDrift{0%{transform:translate(0)}to{transform:translate(20px,15px)}}.gn2-floats{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.gn2-float{position:absolute;opacity:.1;font-size:clamp(.9rem,2vw,1.3rem);animation:gn2FloatUp 9s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(150,80,220,.4))}.gn2-f0{top:8%;left:5%;animation-delay:0s}.gn2-f1{top:15%;left:88%;animation-delay:1.2s}.gn2-f2{top:35%;left:6%;animation-delay:2s}.gn2-f3{top:55%;left:91%;animation-delay:.7s}.gn2-f4{top:70%;left:10%;animation-delay:3.2s}.gn2-f5{top:82%;left:74%;animation-delay:1.8s}.gn2-f6{top:12%;left:50%;animation-delay:2.6s}.gn2-f7{top:65%;left:42%;animation-delay:4s}@keyframes gn2FloatUp{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(8deg)}}.gn2-wrap{position:relative;z-index:1;width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,2.5vw,1.5rem)}.gn2-clock{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#ffffff0d;border:1px solid rgba(130,60,200,.28);border-radius:14px;padding:.65rem 2rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:gn2FadeIn .8s ease-out both}.gn2-clock-time{font-family:Montserrat,sans-serif;font-size:clamp(1.6rem,5vw,2.8rem);font-weight:900;letter-spacing:3px;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#9370db,#ce93d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.gn2-clock-label{font-size:clamp(.62rem,1.4vw,.74rem);color:#ffffff52;font-weight:600;letter-spacing:1px;text-transform:uppercase}.gn2-card{width:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(130,60,200,.28);border-radius:clamp(20px,4vw,28px);padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;align-items:center;gap:clamp(.8rem,2vw,1.2rem);position:relative;overflow:hidden;box-shadow:0 10px 50px #000000b3,0 0 0 1px #823cc81f;animation:gn2FadeIn .9s ease-out .1s both}.gn2-card-glow{position:absolute;top:-50px;right:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(130,60,200,.16) 0%,transparent 70%);pointer-events:none}.gn2-moon-wrap{position:relative;width:clamp(64px,13vw,82px);height:clamp(64px,13vw,82px);display:flex;align-items:center;justify-content:center}.gn2-moon-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(130,60,200,.3);background:#823cc812;animation:gn2RingPulse 2.8s ease-in-out infinite}@keyframes gn2RingPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:.4}}.gn2-moon{font-size:clamp(2rem,5vw,2.8rem);position:relative;z-index:1;animation:gn2MoonBounce 3s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(180,120,255,.5))}@keyframes gn2MoonBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.gn2-badge{font-family:Montserrat,sans-serif;font-size:clamp(.6rem,1.4vw,.72rem);font-weight:800;letter-spacing:2.5px;text-transform:uppercase;padding:.35rem 1.1rem;border-radius:50px;background:#823cc81f;border:1px solid rgba(130,60,200,.35);color:#b39ddb}.gn2-title{font-family:Montserrat,sans-serif;font-size:clamp(1.4rem,4.5vw,2.2rem);font-weight:900;text-align:center;margin:0;line-height:1.25;color:#ffffffeb}.gn2-name{background:linear-gradient(135deg,#b39ddb,#ce93d8,#f48fb1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gn2-divider{display:flex;align-items:center;gap:.8rem;width:100%}.gn2-divider span:not(.gn2-heart){flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(180,120,255,.28),transparent)}.gn2-heart{animation:gn2HB 1.8s ease-in-out infinite;font-size:.95rem}@keyframes gn2HB{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.gn2-msg{font-size:clamp(.88rem,2vw,1.05rem);color:#ffffffbf;text-align:center;line-height:1.85;margin:0}.gn2-sig{font-family:Montserrat,sans-serif;font-size:clamp(.72rem,1.5vw,.84rem);color:#ffffff52;text-align:center;margin:0;font-style:italic;letter-spacing:.5px}.gn2-wait{border-color:#ffffff14;box-shadow:0 10px 40px #0009}.gn2-wait-glow{background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%)}.gn2-wait-icon{font-size:clamp(2.5rem,8vw,3.5rem);animation:gn2MoonBounce 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(100,100,200,.4))}.gn2-wait-title{font-family:Montserrat,sans-serif;font-size:clamp(1.2rem,3.5vw,1.8rem);font-weight:900;text-align:center;margin:0;background:linear-gradient(135deg,#9370db,#b39ddb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gn2-wait-sub{font-size:clamp(.84rem,2vw,.96rem);color:#ffffff80;text-align:center;line-height:1.7;margin:0;max-width:360px}.gn2-countdown-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;background:#823cc81a;border:1px solid rgba(130,60,200,.25);border-radius:50px;font-family:Montserrat,sans-serif;font-size:clamp(.7rem,1.5vw,.82rem);font-weight:700;color:#b39ddb;letter-spacing:.5px}.gn2-wait-love{font-size:clamp(.72rem,1.6vw,.84rem);color:#ce93d88c;text-align:center;font-style:italic;margin:0}@keyframes gn2FadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.gn2-card{padding:1.8rem 1.3rem}.gn2-clock{padding:.6rem 1.4rem}}.lc-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;font-family:Comic Sans MS,Comic Sans,cursive;background:linear-gradient(145deg,#f3c6e8,#e8d0f5,#ccd8f5 70%,#d8eef8);position:relative;overflow:hidden}.lc-page:before,.lc-page:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.lc-page:before{width:420px;height:420px;top:-120px;left:-120px;background:#e91e8c2e;animation:blob-drift 9s ease-in-out infinite alternate}.lc-page:after{width:360px;height:360px;bottom:-100px;right:-100px;background:#9650dc26;animation:blob-drift 11s ease-in-out infinite alternate-reverse}@keyframes blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.12)}}.lc-card{position:relative;z-index:1;width:100%;max-width:400px;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;box-shadow:0 20px 60px #c83c9638,0 4px 16px #00000014,0 0 0 1.5px #ffffffb3 inset;overflow:hidden}.lc-card--shake{animation:lc-shake .45s ease}@keyframes lc-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(9px)}45%{transform:translate(-7px)}60%{transform:translate(7px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}.lc-strip{background:linear-gradient(135deg,#f06292,#e91e8c 55%,#ce93d8);padding:12px 20px;text-align:center}.lc-strip-emojis{font-size:18px;letter-spacing:8px;display:block;margin-bottom:3px}.lc-strip-text{color:#fff;font-size:13px;font-weight:700;margin:0;font-family:Comic Sans MS,Comic Sans,cursive}.lc-body{padding:20px 28px 24px;display:flex;flex-direction:column;align-items:center}.lc-icon{font-size:64px;line-height:1;filter:drop-shadow(0 6px 18px rgba(233,30,140,.38));margin-bottom:10px;animation:lc-pulse 2.6s ease-in-out infinite}@keyframes lc-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.lc-title{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:800;font-size:clamp(24px,6vw,32px);background:linear-gradient(135deg,#e91e8c,#f06292);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px;text-align:center}.lc-sub{color:#9e9e9e;font-size:13px;font-family:Comic Sans MS,Comic Sans,cursive;margin:0 0 12px;text-align:center}.lc-badge{display:inline-block;background:linear-gradient(135deg,#fce4ec,#f8bbd9);border:2px solid #f48fb1;border-radius:50px;padding:5px 18px;color:#c2185b;font-size:13px;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:700;margin-bottom:18px}.lc-form{width:100%;display:flex;flex-direction:column;gap:13px}.lc-field{display:flex;flex-direction:column;gap:6px}.lc-label{display:flex;align-items:center;gap:7px;color:#7b1fa2;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-family:Comic Sans MS,Comic Sans,cursive}.lc-input-wrap{position:relative;display:flex;align-items:center}.lc-ico-left{position:absolute;left:14px;font-size:17px;pointer-events:none}.lc-input{width:100%;padding:13px 44px;border-radius:14px;border:2px solid #f8bbd9;background:#fff8fc;font-family:Comic Sans MS,Comic Sans,cursive;font-size:14px;color:#4a0030;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.lc-input:focus{border-color:#e91e8c;box-shadow:0 0 0 3px #e91e8c26}.lc-input::placeholder{color:#963c6466}.lc-input--ro{background:#fdf0f7;color:#9e9e9e;cursor:default;padding-right:60px}.lc-ro-tag{position:absolute;right:12px;background:linear-gradient(135deg,#f06292,#e91e8c);color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.5px;pointer-events:none;font-family:Arial,sans-serif}.lc-who-row{display:flex;gap:8px;flex-wrap:wrap}.lc-who-btn{flex:1;min-width:90px;padding:10px 8px;border-radius:14px;border:2px solid #f8bbd9;background:#fff8fc;font-family:Comic Sans MS,Comic Sans,cursive;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;color:#7b1fa2}.lc-who-btn--on{background:linear-gradient(135deg,#fce4ec,#f8bbd9);border-color:#e91e8c;color:#c2185b;box-shadow:0 4px 12px #e91e8c33}.lc-who-btn:hover:not(.lc-who-btn--on){background:#fce4ec}.lc-eye{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:18px;padding:0}.lc-error{width:100%;background:#fce4ec;border:2px solid #f48fb1;border-radius:12px;padding:10px 14px;color:#c62828;font-family:Comic Sans MS,Comic Sans,cursive;font-size:13px;text-align:center;animation:err-pop .2s ease}@keyframes err-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lc-btn{width:100%;padding:15px;border-radius:50px;border:none;background:linear-gradient(135deg,#f06292,#e91e8c);color:#fff;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:800;font-size:16px;cursor:pointer;letter-spacing:.3px;box-shadow:0 6px 20px #e91e8c66;transition:opacity .2s,transform .15s;margin-top:4px}.lc-btn:hover:not(:disabled){opacity:.88;transform:scale(1.02)}.lc-btn:active:not(:disabled){transform:scale(.97)}.lc-btn:disabled{opacity:.6;cursor:not-allowed}.lc-foot{text-align:center;color:#bdbdbd;font-size:12px;font-family:Comic Sans MS,Comic Sans,cursive;margin-top:14px}@media (max-width: 480px){.lc-page{padding:16px 10px 10px;align-items:flex-start}.lc-body{padding:16px 20px 20px}.lc-icon{font-size:52px}.lc-title{font-size:26px}.lc-input{font-size:13px;padding:12px 40px}.lc-btn{padding:14px;font-size:15px}}.clogin-page{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8d5f5,#f5d0e8 40%,#dce8f5);font-family:Comic Sans MS,Comic Sans,cursive;padding:12px;box-sizing:border-box}.clogin-card{width:100%;max-width:430px;background:#fff;border-radius:28px;box-shadow:0 20px 70px #c850a047,0 4px 20px #00000014;overflow:hidden}.clogin-card--shake{animation:clogin-shake .45s ease}@keyframes clogin-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(9px)}45%{transform:translate(-7px)}60%{transform:translate(7px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}.clogin-header{background:linear-gradient(135deg,#f06292,#e91e8c,#ce93d8);padding:14px 20px;text-align:center}.clogin-emojis{font-size:20px;letter-spacing:6px;display:block;margin-bottom:4px}.clogin-header-title{color:#fff;font-size:15px;font-weight:700;margin:0;font-family:Comic Sans MS,Comic Sans,cursive}.clogin-body{padding:22px 28px 24px;display:flex;flex-direction:column;align-items:center}.clogin-icon{font-size:68px;line-height:1;filter:drop-shadow(0 6px 16px rgba(233,30,140,.35));margin-bottom:12px}.clogin-title{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:800;font-size:clamp(26px,6vw,34px);background:linear-gradient(135deg,#e91e8c,#f06292);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px;text-align:center}.clogin-sub{color:#9e9e9e;font-size:14px;font-family:Comic Sans MS,Comic Sans,cursive;margin:0 0 14px;text-align:center}.clogin-badge{display:inline-block;background:linear-gradient(135deg,#fce4ec,#f8bbd9);border:2px solid #f48fb1;border-radius:50px;padding:6px 20px;color:#c2185b;font-size:13px;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:700;margin-bottom:20px}.clogin-form{width:100%;display:flex;flex-direction:column}.clogin-field{width:100%;margin-bottom:14px}.clogin-label{display:flex;align-items:center;gap:7px;color:#7b1fa2;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-family:Comic Sans MS,Comic Sans,cursive}.clogin-who-row{display:flex;gap:8px;flex-wrap:wrap}.clogin-who-btn{flex:1;min-width:90px;padding:11px 10px;border-radius:14px;border:2px solid #f8bbd9;background:#fff8fc;font-family:Comic Sans MS,Comic Sans,cursive;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;color:#7b1fa2}.clogin-who-btn--active{background:linear-gradient(135deg,#fce4ec,#f8bbd9);border-color:#e91e8c;color:#c2185b;box-shadow:0 4px 12px #e91e8c33}.clogin-who-btn:hover:not(.clogin-who-btn--active){background:#fce4ec}.clogin-input-wrap{position:relative;display:flex;align-items:center}.clogin-icon-left{position:absolute;left:14px;font-size:17px;pointer-events:none}.clogin-input{width:100%;padding:13px 44px;border-radius:14px;border:2px solid #f8bbd9;background:#fff8fc;font-family:Comic Sans MS,Comic Sans,cursive;font-size:14px;color:#4a0030;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.clogin-input--readonly{background:#fdf0f7;color:#9e9e9e;cursor:default;padding-right:60px}.clogin-readonly-tag{position:absolute;right:12px;background:linear-gradient(135deg,#f06292,#e91e8c);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;letter-spacing:.5px;pointer-events:none;font-family:Arial,sans-serif}.clogin-eye{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:18px;padding:0}.clogin-error{width:100%;background:#fce4ec;border:2px solid #f48fb1;border-radius:12px;padding:10px 14px;color:#c62828;font-family:Comic Sans MS,Comic Sans,cursive;font-size:13px;text-align:center;margin-bottom:10px}.clogin-submit-btn{width:100%;padding:15px;border-radius:50px;border:none;background:linear-gradient(135deg,#f06292,#e91e8c);color:#fff;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:800;font-size:16px;cursor:pointer;letter-spacing:.5px;box-shadow:0 6px 20px #e91e8c66;transition:opacity .2s,transform .15s;margin-top:4px}.clogin-submit-btn:hover:not(:disabled){opacity:.88;transform:scale(1.02)}.clogin-submit-btn:active:not(:disabled){transform:scale(.97)}.clogin-submit-btn:disabled{opacity:.65;cursor:not-allowed}.clogin-foot{text-align:center;color:#bdbdbd;font-size:12px;font-family:Comic Sans MS,Comic Sans,cursive;margin-top:14px}.chat-root{height:calc(100vh - 70px);display:flex;flex-direction:column;background:linear-gradient(160deg,#0f0a1e,#1a0533,#0a1628);position:relative;overflow:hidden}.chat-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(233,30,140,.07) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.07) 0%,transparent 50%)}.chat-av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;flex-shrink:0;position:relative}.chat-av--lg{width:44px;height:44px;font-size:18px}.chat-av--md{width:36px;height:36px;font-size:14px}.chat-av--sm{width:32px;height:32px;font-size:13px}.chat-status-dot{position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#25d366;border:2px solid #0f0a1e}.chat-status-dot--off{background:#555}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:20;flex-shrink:0}.chat-header-info{flex:1}.chat-header-name{color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;gap:6px}.chat-header-status{font-size:12px;color:#25d366;margin-top:2px}.chat-header-status--off{color:#ffffff59}.chat-header-right{display:flex;align-items:center;gap:10px}.chat-logout-wrap{position:relative}.chat-logout-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff14;cursor:pointer;transition:background .2s;padding:0}.chat-logout-btn:hover{background:#e91e8c33}.chat-logout-dot{width:4px;height:4px;border-radius:50%;background:#ffffffa6;display:block}.chat-logout-menu{position:absolute;top:calc(100%+8px);right:0;background:#120824f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;min-width:190px;box-shadow:0 12px 40px #0009;z-index:100;animation:menu-in .18s ease}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-logout-user{display:flex;align-items:center;gap:10px;padding:4px 4px 8px}.chat-logout-divider{height:1px;background:#ffffff1a;margin:4px 0 8px}.chat-logout-action{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:10px;background:linear-gradient(135deg,#e91e8c26,#e91e8c14);color:#ff6b9d;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s}.chat-logout-action:hover{background:linear-gradient(135deg,#e91e8c4d,#e91e8c26)}.chat-conn-bar{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;font-size:11px;color:#ffffff40;flex-shrink:0}.chat-conn-dot{width:5px;height:5px;border-radius:50%;background:#25d366}.chat-conn-dot--off{background:#555}.chat-messages{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:2px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#e91e8c4d;border-radius:4px}.chat-date-divider{display:flex;align-items:center;gap:10px;margin:10px 0 12px}.chat-date-line{flex:1;height:1px;background:#ffffff14}.chat-date-txt{color:#ffffff4d;font-size:11px;background:#ffffff0d;padding:3px 10px;border-radius:20px;white-space:nowrap}.chat-msg-row{display:flex;align-items:flex-end;gap:6px;margin-bottom:6px;position:relative}.chat-msg-row--me{flex-direction:row-reverse}.chat-msg-row--them{flex-direction:row}.chat-bwrap{display:flex;flex-direction:column;max-width:72%;position:relative}.chat-bwrap--me{align-items:flex-end}.chat-bubble{padding:10px 14px;border-radius:18px;font-size:14.5px;line-height:1.55;position:relative;word-break:break-word;cursor:pointer;-webkit-user-select:none;user-select:none;animation:bubble-pop .22s cubic-bezier(.34,1.56,.64,1) both;transition:transform .12s,box-shadow .12s}@keyframes bubble-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.chat-bubble:active{transform:scale(.97)}.chat-bubble--me{background:linear-gradient(135deg,#f06292,#e91e8c);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 16px #e91e8c59}.chat-bubble--them{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;border-bottom-left-radius:4px;box-shadow:0 4px 16px #00000040}.chat-bubble--selected.chat-bubble--me{box-shadow:0 0 0 3px #ffffff80,0 4px 20px #e91e8c80;transform:scale(1.02)}.chat-bubble--selected.chat-bubble--them{box-shadow:0 0 0 3px #e91e8c99,0 4px 20px #00000059;transform:scale(1.02)}.chat-bubble-text{margin-bottom:4px}.chat-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px}.chat-bubble-time{font-size:10.5px;color:#fff9}.chat-tick{display:inline-block;vertical-align:middle}.chat-tail{position:absolute;bottom:0;width:0;height:0}.chat-tail--me{right:-7px;border-left:8px solid #e91e8c;border-top:8px solid transparent}.chat-tail--them{left:-7px;border-right:8px solid rgba(255,255,255,.1);border-top:8px solid transparent}.chat-picker{position:absolute;top:-52px;left:0;z-index:30;display:flex;align-items:center;gap:4px;background:#120824f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:7px 10px;box-shadow:0 8px 32px #0009,0 0 0 1px #e91e8c26;animation:picker-in .18s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes picker-in{0%{opacity:0;transform:scale(.7) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-picker--me{left:auto;right:0}.chat-pick-btn{background:none;border:none;cursor:pointer;font-size:22px;padding:3px;border-radius:50%;transition:transform .15s,background .12s;display:flex;align-items:center;justify-content:center}.chat-pick-btn:hover{transform:scale(1.45);background:#ffffff1a}.chat-pick-close{background:#ffffff14;border:none;cursor:pointer;color:#fff6;font-size:11px;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;margin-left:2px;transition:background .15s,color .15s}.chat-pick-close:hover{background:#e91e8c4d;color:#fff}.chat-reacts{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chat-reacts--me{justify-content:flex-end}.chat-react-pill{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:3px 8px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;transition:background .15s,transform .12s}.chat-react-pill:hover{background:#fff3;transform:scale(1.1)}.chat-react-n{font-size:11px;color:#ffffffb3}.chat-typing-row{display:flex;align-items:center;gap:8px;padding:4px 0 8px;animation:bubble-pop .22s ease}.chat-typing-bubble{background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:18px 18px 18px 4px;padding:12px 16px;display:flex;align-items:center;gap:5px}.typing-dot{width:7px;height:7px;border-radius:50%;background:#ffffff8c;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-typing-label{color:#ffffff4d;font-size:12px;font-style:italic}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff40;gap:12px;text-align:center;line-height:1.8;font-size:14px;padding:40px}.chat-empty-icon{font-size:52px}.chat-input-bar{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 14px;background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.chat-input-box{flex:1;display:flex;align-items:center;background:#ffffff14;border:1.5px solid rgba(255,255,255,.1);border-radius:24px;padding:9px 16px;transition:border-color .2s,box-shadow .2s}.chat-input-box:focus-within{border-color:#e91e8c80;box-shadow:0 0 0 3px #e91e8c1a}.chat-textarea{flex:1;background:none;border:none;outline:none;color:#fff;font-size:14.5px;resize:none;font-family:Segoe UI,Arial,sans-serif;max-height:100px;line-height:1.5}.chat-textarea::placeholder{color:#ffffff4d}.chat-send-btn{width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#f06292,#e91e8c);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #e91e8c73;transition:opacity .2s,transform .15s}.chat-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.08)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:480px){.chat-bubble{font-size:14px}.chat-bwrap{max-width:85%}.clogin-body{padding:18px 20px 20px}.chat-picker{padding:5px 8px;gap:2px;top:-48px}.chat-pick-btn{font-size:19px}}.ca-lp{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0d1a;padding:20px}.ca-lb{width:100%;max-width:380px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 36px;box-shadow:0 20px 60px #0009}.ca-lb--shk{animation:shk .4s ease}@keyframes shk{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.ca-lb-top{text-align:center;margin-bottom:28px}.ca-lb-lock{font-size:52px;margin-bottom:12px}.ca-lb-h1{font-size:24px;font-weight:800;color:#fff;margin-bottom:6px;font-family:Segoe UI,sans-serif}.ca-lb-p{font-size:13px;color:#fff6;font-family:Segoe UI,sans-serif}.ca-lb-form{display:flex;flex-direction:column;gap:14px}.ca-lf{display:flex;flex-direction:column;gap:6px}.ca-lfl{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#ffffff59;font-family:Segoe UI,sans-serif}.ca-lfi{padding:12px 16px;border-radius:12px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.1);color:#fff;font-size:14px;outline:none;font-family:Segoe UI,sans-serif;transition:border-color .2s,box-shadow .2s}.ca-lfi:focus{border-color:#e91e8c80;box-shadow:0 0 0 3px #e91e8c1a}.ca-lfi::placeholder{color:#fff3}.ca-lf-pw{position:relative}.ca-lf-pw .ca-lfi{padding-right:44px;width:100%}.ca-lf-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:17px}.ca-lf-err{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:10px;padding:10px 14px;color:#fca5a5;font-size:13px;font-family:Segoe UI,sans-serif}.ca-lb-btn{padding:13px;border-radius:50px;border:none;cursor:pointer;background:linear-gradient(135deg,#f06292,#e91e8c);color:#fff;font-size:15px;font-weight:700;margin-top:6px;box-shadow:0 6px 20px #e91e8c59;transition:opacity .2s,transform .15s;font-family:Segoe UI,sans-serif}.ca-lb-btn:hover:not(:disabled){opacity:.88;transform:scale(1.02)}.ca-lb-btn:disabled{opacity:.5;cursor:not-allowed}.ca-lb-foot{text-align:center;color:#fff3;font-size:11px;margin-top:18px;font-family:Segoe UI,sans-serif}.ca-wrap{display:flex;height:calc(100vh - 70px);overflow:hidden;background:#0d0d1a;font-family:Segoe UI,Arial,sans-serif;color:#fff;position:relative}.ca-side{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:#112;border-right:1px solid rgba(255,255,255,.06);transition:transform .28s;overflow-y:auto}.ca-side::-webkit-scrollbar{width:3px}.ca-side::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.ca-side-top{padding:18px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.ca-brand{display:flex;align-items:center;gap:10px}.ca-brand-ico{font-size:22px}.ca-brand-name{font-size:15px;font-weight:800;color:#fff}.ca-brand-sub{font-size:11px;color:#ffffff4d;margin-top:1px}.ca-nav{display:flex;flex-direction:column;gap:3px;padding:12px 8px}.ca-nav-btn{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;border:none;background:none;color:#ffffff73;font-size:14px;font-weight:600;cursor:pointer;text-align:left;font-family:Segoe UI,sans-serif;transition:all .18s}.ca-nav-btn:hover{background:#ffffff0f;color:#fff}.ca-nav-btn--on{background:#e91e8c1f;border:1px solid rgba(233,30,140,.2);color:#fff}.ca-nav-ico{font-size:16px}.ca-nav-lbl{flex:1}.ca-nav-badge{background:#e91e8c33;color:#f48fb1;font-size:10px;padding:1px 6px;border-radius:10px;font-weight:700}.ca-side-users{padding:8px;border-top:1px solid rgba(255,255,255,.05)}.ca-side-sec{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40;padding:10px 6px 6px}.ca-su{display:flex;align-items:center;gap:9px;padding:8px;border-radius:10px;cursor:pointer;transition:background .18s}.ca-su:hover{background:#ffffff0d}.ca-su-name{font-size:13px;font-weight:600;color:#fff}.ca-su-cnt{font-size:11px;color:#ffffff4d}.ca-side-foot{margin-top:auto;padding:10px 8px 14px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:5px}.ca-side-btn{padding:9px 12px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;font-family:Segoe UI,sans-serif;text-align:left;transition:background .18s}.ca-side-btn--out{background:#e91e8c1a;color:#f48fb1}.ca-side-btn--out:hover{background:#e91e8c33}.ca-side-btn--ref{background:#ffffff0d;color:#fff6}.ca-side-btn--ref:hover{background:#ffffff1a;color:#fff}.ca-ovl{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40}.ca-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ca-topbar{display:flex;align-items:center;gap:12px;padding:13px 18px;background:#112;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.ca-hbg{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.ca-hbg span{display:block;width:18px;height:2px;background:#ffffff80;border-radius:2px}.ca-topbar-title{flex:1;font-size:16px;font-weight:700;color:#fff}.ca-topbar-ref{background:none;border:none;cursor:pointer;font-size:17px;padding:5px;border-radius:8px;transition:background .18s}.ca-topbar-ref:hover{background:#ffffff12}.ca-pg{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.ca-pg::-webkit-scrollbar{width:4px}.ca-pg::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.ca-card{background:#161628;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:18px}.ca-card-h{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;margin-bottom:14px}.ca-card-link{margin-left:auto;background:none;border:none;color:#e91e8cb3;font-size:13px;cursor:pointer;font-family:Segoe UI,sans-serif}.ca-card-link:hover{color:#e91e8c}.ca-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.ca-stat{background:#161628;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:5px;transition:transform .18s;cursor:default}.ca-stat:hover{transform:translateY(-2px)}.ca-stat--pink{border-top:2px solid #e91e8c}.ca-stat--purple{border-top:2px solid #7c3aed}.ca-stat--green{border-top:2px solid #43e97b}.ca-stat--peach{border-top:2px solid #f7971e}.ca-stat-ico{font-size:22px}.ca-stat-n{font-size:28px;font-weight:900;color:#fff;line-height:1.1}.ca-stat-l{font-size:11px;color:#fff6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ca-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.ca-ucard{background:#1a1a30;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s}.ca-ucard:hover{transform:translateY(-2px);border-color:#ffffff26}.ca-ucard-top{padding:18px;display:flex;justify-content:center}.ca-ucard-body{padding:12px 14px 14px}.ca-ucard-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}.ca-ucard-meta{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#fff6}.ca-ucard-last{font-size:11px;color:#ffffff4d;margin-top:6px}.ca-recent{display:flex;flex-direction:column}.ca-recent-row{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.04)}.ca-recent-row:last-child{border-bottom:none}.ca-recent-body{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.ca-recent-name{font-size:12px;font-weight:700;flex-shrink:0}.ca-recent-msg{font-size:13px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ca-recent-time{font-size:11px;color:#fff6;text-align:right;flex-shrink:0}.ca-recent-date{font-size:10px;color:#ffffff40;margin-top:2px}.ca-login-row{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.04)}.ca-login-row:last-child{border-bottom:none}.ca-lr-info{flex:1;min-width:0}.ca-lr-name{font-size:13px;font-weight:700;display:block}.ca-lr-id{font-size:11px;color:#ffffff4d;background:#ffffff0f;padding:1px 6px;border-radius:5px;font-family:monospace}.ca-lr-time{font-size:11px;color:#fff6;text-align:right;flex-shrink:0}.ca-lr-date{font-size:10px;color:#ffffff40;margin-top:2px}.ca-dm-wrap{display:flex;flex:1;height:100%;overflow:hidden}.ca-dm-list{width:300px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow-y:auto;background:#112}.ca-dm-list::-webkit-scrollbar{width:3px}.ca-dm-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.ca-dm-list-h{padding:16px 16px 10px;font-size:13px;font-weight:700;color:#ffffff80;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}.ca-conv-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:none;cursor:pointer;text-align:left;width:100%;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s;font-family:Segoe UI,sans-serif}.ca-conv-item:hover{background:#ffffff0a}.ca-conv-item--on{background:#e91e8c14}.ca-conv-avs{display:flex;flex-shrink:0}.ca-conv-av-wrap{border:2px solid #111122;border-radius:50%}.ca-conv-info{flex:1;min-width:0}.ca-conv-names{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.ca-conv-arrow{color:#ffffff4d;font-size:12px}.ca-conv-last{font-size:12px;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-conv-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.ca-conv-time{font-size:11px;color:#ffffff4d}.ca-conv-unread{background:#e91e8c;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}.ca-dm-chat{flex:1;display:flex;flex-direction:column;overflow:hidden}.ca-dm-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffff40}.ca-dm-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#112;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:wrap}.ca-dm-back{display:none;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;padding:4px 8px}.ca-dm-avs{display:flex;flex-shrink:0}.ca-dm-header-names{font-size:14px;font-weight:700;color:#fff}.ca-dm-header-sub{font-size:11px;color:#ffffff59;margin-top:2px}.ca-dm-header-info{flex:1;min-width:0}.ca-dm-switcher{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}.ca-dm-sw-label{font-size:11px;color:#ffffff59}.ca-dm-sw-btn{padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:none;color:#ffffff80;font-size:12px;font-weight:600;cursor:pointer;font-family:Segoe UI,sans-serif;transition:all .18s}.ca-dm-sw-btn:hover{border-color:#ffffff4d;color:#fff}.ca-dm-sw-btn--on{color:#fff;border:none}.ca-dm-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,#0d0d1a,#100d20)}.ca-dm-msgs::-webkit-scrollbar{width:4px}.ca-dm-msgs::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.ca-dm-date-sep{display:flex;align-items:center;gap:10px;margin:12px 0 8px}.ca-dm-date-line{flex:1;height:1px;background:#ffffff12}.ca-dm-date-lbl{font-size:11px;color:#ffffff4d;background:#ffffff0d;padding:3px 10px;border-radius:12px;white-space:nowrap}.dm-row{display:flex;align-items:flex-end;gap:7px;margin-bottom:4px}.dm-row--me{flex-direction:row-reverse}.dm-col{display:flex;flex-direction:column;max-width:65%}.dm-col--me{align-items:flex-end}.dm-bub{padding:9px 13px;font-size:14px;line-height:1.55;word-break:break-word;background:#ffffff1a;color:#fff;border-radius:18px 18px 18px 4px;position:relative}.dm-bub--me{border-bottom-left-radius:18px;border-bottom-right-radius:4px}.dm-txt{display:block;margin-bottom:4px}.dm-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px}.dm-time{font-size:10.5px;color:#ffffff80}.dm-seen{font-size:11px;color:#34b7f1}.dm-sent{font-size:11px;color:#fff6}.dm-reacts{display:flex;gap:3px;margin-top:3px;flex-wrap:wrap}.dm-reacts--me{justify-content:flex-end}.dm-react{background:#ffffff1a;border-radius:10px;padding:2px 6px;font-size:13px;display:inline-flex;align-items:center;gap:2px}.dm-react b{font-size:10px;color:#fff9;font-weight:700}.ca-login-filters{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.ca-lf-pill{padding:5px 12px;border-radius:14px;border:1.5px solid rgba(255,255,255,.12);background:none;color:#ffffff73;font-size:12px;font-weight:600;cursor:pointer;font-family:Segoe UI,sans-serif;transition:all .18s}.ca-lf-pill:hover{border-color:#ffffff40;color:#fff}.ca-lf-pill--on{background:#e91e8c1f;border-color:#e91e8c66;color:#f48fb1}.ca-tl{display:flex;flex-direction:column}.ca-tl-row{display:flex;gap:12px}.ca-tl-left{display:flex;flex-direction:column;align-items:center;width:16px;flex-shrink:0;padding-top:4px}.ca-tl-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.ca-tl-line{flex:1;width:2px;background:#ffffff0f;margin-top:3px;min-height:20px}.ca-tl-body{flex:1;padding-bottom:14px}.ca-tl-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.ca-tl-user{font-size:14px;font-weight:700}.ca-tl-id{font-size:11px;color:#ffffff4d;background:#ffffff12;padding:1px 6px;border-radius:5px;font-family:monospace}.ca-tl-ago{font-size:11px;color:#ffffff4d;margin-left:auto}.ca-tl-detail{font-size:12px;color:#fff6}.ca-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 70px);gap:14px}.ca-spin{width:40px;height:40px;border:3px solid rgba(233,30,140,.15);border-top-color:#e91e8c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ca-btn-sm{padding:9px 18px;border-radius:10px;border:none;background:#e91e8c26;color:#f48fb1;cursor:pointer;font-size:13px}.ca-empty{text-align:center;color:#fff3;padding:24px;font-size:14px}@media (max-width:768px){.ca-side{position:fixed;top:70px;left:0;bottom:0;z-index:50;transform:translate(-100%);background:#0d0d1a;width:220px}.ca-side--open{transform:translate(0)}.ca-hbg{display:flex}.ca-dm-list{width:100%;border-right:none}.ca-dm-list--hide-mobile{display:none}.ca-dm-back{display:block}.ca-dm-chat{display:none}.ca-dm-chat--show{display:flex;width:100%}.ca-stats{grid-template-columns:repeat(2,1fr)}.ca-pg{padding:12px}.ca-dm-switcher{margin-left:0;width:100%}}@media (max-width:480px){.ca-user-grid{grid-template-columns:1fr 1fr}.ca-dm-header{gap:8px;padding:10px 12px}}*{box-sizing:border-box;margin:0;padding:0}.ig-page{min-height:100vh;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative}.ig-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#000;border-bottom:1px solid #1c1c1c}.ig-topbar-name{font-size:16px;font-weight:700;color:#fff;letter-spacing:.2px}.ig-back,.ig-dots{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background .15s}.ig-back:hover,.ig-dots:hover{background:#ffffff14}.ig-back svg{width:22px;height:22px}.ig-dots svg{width:20px;height:20px}.ig-scroll{flex:1;overflow-y:auto;padding-bottom:80px}.ig-profile-row{display:flex;align-items:flex-start;gap:0;padding:18px 16px 12px}.ig-avatar-wrap{flex-shrink:0;width:86px;height:86px;border-radius:50%;overflow:hidden;border:1px solid #333;background:#222}.ig-avatar{width:86px;height:86px;border-radius:50%;object-fit:cover;display:block}.ig-av-fallback{width:86px;height:86px;background:#555;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;border-radius:50%}.ig-stats-block{flex:1;padding-left:28px;padding-top:4px}.ig-display-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:14px}.ig-stats-row{display:flex;align-items:center;gap:0}.ig-stat{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.ig-stat-n{font-size:16px;font-weight:700;color:#fff;line-height:1.1}.ig-stat-l{font-size:13px;color:#fff;font-weight:400;line-height:1.4}.ig-bio{padding:0 16px 14px}.ig-bio-line{font-size:14px;color:#fff;line-height:1.55}.ig-blue{color:#3897f0;text-decoration:none}.ig-blue:hover{text-decoration:underline}.ig-threads-row{display:flex;align-items:center;color:#ffffffa6;font-size:13px;gap:2px;margin-top:2px}.ig-threads-icon{width:14px;height:14px;fill:#ffffffa6;flex-shrink:0}.ig-actions{padding:0 16px 16px;display:flex;gap:8px}.ig-btn-follow{flex:1;padding:8px 0;background:#3897f0;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.ig-btn-follow:hover{opacity:.88}.ig-btn-follow.ig-btn-follow--on{background:#262626;color:#fff;border:1px solid #3a3a3a}.ig-private{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:0 0 8px}.ig-private-icon{width:56px;height:56px;border-radius:50%;background:#262626;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ig-private-icon svg{width:24px;height:24px;color:#fff}.ig-private-text{display:flex;flex-direction:column;gap:4px}.ig-private-text strong{font-size:14px;font-weight:700;color:#fff;display:block}.ig-private-text span{font-size:13px;color:#fff9;line-height:1.5}.ig-sug-section{padding:12px 0 16px;border-top:1px solid #1c1c1c}.ig-sug-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 14px}.ig-sug-header span{font-size:15px;font-weight:700;color:#fff}.ig-sug-seeall{background:none;border:none;color:#3897f0;font-size:13px;font-weight:600;cursor:pointer}.ig-sug-seeall:hover{opacity:.8}.ig-sug-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 16px;scrollbar-width:none}.ig-sug-scroll::-webkit-scrollbar{display:none}.ig-sug-card{position:relative;flex-shrink:0;width:170px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:14px;padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}.ig-sug-x{position:absolute;top:10px;right:10px;background:none;border:none;color:#ffffff8c;font-size:14px;cursor:pointer;line-height:1;padding:2px}.ig-sug-x:hover{color:#fff}.ig-sug-av-wrap{width:88px;height:88px;border-radius:50%;overflow:hidden;border:1px solid #333;background:#333;margin-bottom:6px}.ig-sug-av{width:88px;height:88px;border-radius:50%;object-fit:cover;display:block}.ig-sug-av-fallback{width:88px;height:88px;background:#555;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;border-radius:50%}.ig-sug-uname{font-size:13.5px;font-weight:700;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ig-sug-name{font-size:12px;color:#ffffff73;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ig-sug-follow{margin-top:8px;width:100%;padding:8px 0;background:#3897f0;border:none;border-radius:10px;color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity .15s}.ig-sug-follow:hover{opacity:.88}.ig-sug-follow.ig-sug-follow--on{background:#262626;border:1px solid #3a3a3a}.ig-tabs{display:flex;border-top:1px solid #1c1c1c;border-bottom:1px solid #1c1c1c}.ig-tab{flex:1;padding:12px 0;background:none;border:none;color:#ffffff73;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:color .2s}.ig-tab svg{width:22px;height:22px}.ig-tab:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#fff;transform:scaleX(0);transition:transform .2s}.ig-tab--on{color:#fff}.ig-tab--on:after{transform:scaleX(1)}.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.ig-grid-tile{aspect-ratio:1;overflow:hidden;background:#111;border:none;cursor:pointer;padding:0;display:block}.ig-grid-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .15s}.ig-grid-tile:hover .ig-grid-img{opacity:.85}.ig-grid-fb{width:100%;height:100%}.ig-fb1,.ig-fb2,.ig-fb3,.ig-fb4,.ig-fb5,.ig-fb6{background:#000}.ig-empty{text-align:center;padding:60px 20px;color:#ffffff4d}.ig-empty span{font-size:3.5rem;display:block;margin-bottom:12px}.ig-empty p{font-size:14px;font-weight:500}.ig-lbx-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:igFadeIn .2s ease}@keyframes igFadeIn{0%{opacity:0}to{opacity:1}}.ig-lbx{width:100%;max-width:440px;background:#1a1a1a;border-radius:12px;overflow:hidden;animation:igPopIn .25s cubic-bezier(.16,1,.3,1)}@keyframes igPopIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.ig-lbx-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #2a2a2a}.ig-lbx-av-wrap{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid #444;flex-shrink:0}.ig-lbx-av{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}.ig-lbx-av-fb{width:32px;height:32px;background:#555;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;border-radius:50%}.ig-lbx-uname{flex:1;font-size:13.5px;font-weight:700;color:#fff}.ig-lbx-close{background:none;border:none;color:#fff9;font-size:18px;cursor:pointer;line-height:1;transition:color .15s}.ig-lbx-close:hover{color:#fff}.ig-lbx-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#111}.ig-lbx-img-fb{aspect-ratio:1;background:#000}.ig-lbx-cap{padding:12px 14px 16px;font-size:13.5px;color:#fffc;line-height:1.5}.ig-lbx-cap strong{color:#fff;margin-right:4px}@media (max-width: 480px){.ig-page{max-width:100%}.ig-avatar-wrap,.ig-avatar,.ig-av-fallback{width:77px;height:77px}}@media (min-width: 481px){.ig-topbar{border-left:1px solid #1c1c1c;border-right:1px solid #1c1c1c}}.yf-page{position:relative;min-height:100vh;overflow-x:hidden}.yf-float-particle{position:fixed;font-size:clamp(1.2rem,2.5vw,2rem);pointer-events:none;animation:yfFloat 10s ease-in-out infinite;opacity:.18;z-index:0;-webkit-user-select:none;user-select:none}@keyframes yfFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(8deg)}66%{transform:translateY(10px) rotate(-5deg)}}.yf-animate{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.yf-visible{opacity:1!important;transform:translateY(0)!important}.yf-hero{min-height:55vh;display:flex;align-items:center;justify-content:center;padding:100px 1.5rem 60px;position:relative;text-align:center;overflow:hidden}.yf-hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px)}.yf-orb1{width:400px;height:400px;top:-100px;right:-80px;animation:yfOrbFloat 9s ease-in-out infinite}.yf-orb2{width:350px;height:350px;bottom:-60px;left:-80px;animation:yfOrbFloat 12s ease-in-out infinite reverse}@keyframes yfOrbFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-25px)}}.yf-hero-content{position:relative;z-index:1;max-width:700px}.yf-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff69b426,#ba55d31a);border:1px solid rgba(255,105,180,.4);padding:.45rem 1.3rem .45rem 1rem;border-radius:50px;margin-bottom:1.5rem;font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.75rem,2vw,.88rem);color:var(--primary-color);font-weight:600;letter-spacing:1px}.yf-live-dot{width:8px;height:8px;background:var(--primary-color);border-radius:50%;animation:livePulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes livePulse{0%,to{box-shadow:0 0 #ff69b499}50%{box-shadow:0 0 0 7px #ff69b400}}.yf-hero-title{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1.15;margin-bottom:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.3rem}.yf-fixed{color:var(--text-light)}.yf-gradient{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientPan 5s ease infinite;filter:drop-shadow(0 0 20px rgba(255,105,180,.4))}@keyframes gradientPan{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.yf-hero-desc{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.88rem,2vw,1rem);color:var(--text-gray);line-height:1.8;max-width:580px;margin:0 auto}.yf-section{padding:clamp(50px,8vw,90px) 1.5rem;position:relative}.yf-section-wrap{max-width:1200px;margin:0 auto}.yf-section-header{text-align:center;margin-bottom:2.5rem}.yf-section-title{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.8rem}.yf-section-desc{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.88rem,2vw,.95rem);color:var(--text-gray);line-height:1.7;max-width:600px;margin:0 auto}.yf-choc-section{background:#ff69b405}.yf-choc-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width: 769px){.yf-choc-grid{grid-template-columns:220px 1fr;align-items:start;gap:3rem}}.yf-egg-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.yf-egg{width:140px;height:180px;position:relative;transition:all .4s ease}.yf-egg:hover{transform:scale(1.05)}.yf-egg-top{width:140px;height:95px;background:linear-gradient(160deg,#ff8c42,#ff6200 60%,#cc4e00);border-radius:70px 70px 0 0;position:relative;box-shadow:0 4px 20px #ff780059;transition:transform .5s ease;overflow:hidden}.yf-egg--open .yf-egg-top{transform:translateY(-50px) rotate(-10deg)}.yf-egg-shine{position:absolute;width:30px;height:50px;background:#ffffff40;border-radius:50%;top:12px;left:25px;transform:rotate(-20deg)}.yf-egg-bottom{width:140px;height:90px;background:linear-gradient(160deg,#ffe066,gold 60%,#c9a800);border-radius:0 0 70px 70px;box-shadow:0 6px 20px #ffd7004d}.yf-egg-surprise{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;animation:surprisePop .4s ease}@keyframes surprisePop{0%{transform:translate(-50%,-50%) scale(0)}60%{transform:translate(-50%,-50%) scale(1.15)}to{transform:translate(-50%,-50%) scale(1)}}.yf-egg-toy{font-size:2.2rem;display:block;margin-bottom:.3rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yf-egg-surprise p{font-family:Comic Sans MS,Comic Sans,cursive;font-size:.7rem;color:#fff;background:#00000080;padding:4px 8px;border-radius:10px;line-height:1.4;white-space:nowrap}.yf-egg-hint{font-family:Comic Sans MS,Comic Sans,cursive;font-size:.85rem;color:var(--text-gray)}.yf-choc-facts{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 480px){.yf-choc-facts{grid-template-columns:repeat(2,1fr)}}.yf-fact-card{background:#ffffff0d;border-radius:18px;padding:1.2rem;border:1px solid rgba(255,105,180,.15);display:flex;gap:.9rem;align-items:flex-start;transition:all .3s ease}.yf-fact-card:hover{background:#ff69b414;transform:translateY(-4px);border-color:#ff69b459}.yf-fact-icon{font-size:1.8rem;flex-shrink:0}.yf-fact-title{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.88rem,2vw,.95rem);font-weight:700;color:var(--accent-color);margin-bottom:.4rem}.yf-fact-text{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.78rem,2vw,.85rem);color:var(--text-gray);line-height:1.6;margin:0}.yf-quote-box{background:#ffffff0f;border-radius:22px;padding:clamp(1.5rem,3vw,2.5rem);border:2px solid rgba(255,105,180,.2);text-align:center;position:relative;margin-top:1rem}.yf-quote-box p{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.9rem,2vw,1.05rem);color:var(--text-light);font-style:italic;line-height:1.75}.yf-qdeco{font-size:clamp(2.5rem,5vw,4rem);color:#ff69b44d;line-height:1;display:block;margin-bottom:-.5rem}.yf-qdeco-r{display:block;text-align:right;margin-top:-.5rem}.yf-quote-author{margin-top:1rem;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:700;color:var(--primary-color);font-size:clamp(.9rem,2vw,1rem)}.yf-bike-section{background:#ba55d305}.yf-bike-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width: 769px){.yf-bike-grid{grid-template-columns:260px 1fr;align-items:start;gap:3rem}}.yf-bike-card{background:#ffffff0f;border-radius:22px;padding:2rem 1.5rem;border:2px solid rgba(186,85,211,.2);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:all .3s ease;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.yf-bike-card:hover{border-color:#ba55d380}.yf-bike-road{width:100%;height:6px;background:#ffffff1a;border-radius:3px;position:relative;overflow:hidden}.yf-road-line{position:absolute;top:50%;transform:translateY(-50%);width:40%;height:2px;background:#ffd70099;border-radius:2px;animation:roadMove 1.5s linear infinite}.yf-rl2{animation-delay:-.75s}@keyframes roadMove{0%{left:-40%}to{left:110%}}.yf-bike-emoji{font-size:clamp(3rem,7vw,5rem);transition:transform .3s ease;animation:bikeIdle 3s ease-in-out infinite}@keyframes bikeIdle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-2deg)}}.yf-bike-rev .yf-bike-emoji{animation:bikeRide .3s ease-in-out infinite}@keyframes bikeRide{0%,to{transform:translateY(0) rotate(-3deg) translate(2px)}50%{transform:translateY(-3px) rotate(3deg) translate(-2px)}}.yf-bike-speed{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.8rem,2vw,.9rem);font-weight:700;color:var(--secondary-color)}.yf-bike-rev .yf-bike-card,.yf-bike-rev{background:#ba55d31f;border-color:var(--secondary-color);box-shadow:0 0 30px #ba55d340}.yf-speed-line{position:absolute;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(186,85,211,.6));animation:speedLine .4s linear infinite}.yf-sl1{width:60%;top:35%;left:-60%;animation-delay:0s}.yf-sl2{width:40%;top:55%;left:-40%;animation-delay:-.15s}.yf-sl3{width:50%;top:70%;left:-50%;animation-delay:-.3s}@keyframes speedLine{0%{left:-60%}to{left:110%}}.yf-bike-reasons{display:flex;flex-direction:column;gap:1rem}.yf-bike-reason{background:#ffffff0a;border-radius:16px;padding:1rem 1.2rem;border-left:4px solid var(--secondary-color);display:flex;gap:.9rem;align-items:flex-start;transition:all .3s ease}.yf-bike-reason:hover{background:#ba55d31a;transform:translate(5px)}.yf-br-icon{font-size:1.6rem;flex-shrink:0}.yf-br-title{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.88rem,2vw,.95rem);color:var(--accent-color);display:block;margin-bottom:.3rem}.yf-br-text{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.78rem,2vw,.85rem);color:var(--text-gray);line-height:1.6;margin:0}.yf-bike-quote{border-color:#ba55d340!important}.yf-combo-section{background:#ffd70003}.yf-combo-card{background:#ffffff0f;border-radius:28px;padding:clamp(2rem,4vw,3.5rem);border:2px solid rgba(255,215,0,.2);text-align:center;box-shadow:0 15px 50px #ffd7000f}.yf-combo-visual{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,2vw,1.5rem);flex-wrap:wrap;margin-bottom:1.5rem}.yf-combo-e1,.yf-combo-e2,.yf-combo-e3{font-size:clamp(2.5rem,5vw,4rem);animation:comboFloat 3s ease-in-out infinite}.yf-combo-e2{animation-delay:-1s}.yf-combo-e3{animation-delay:-2s}@keyframes comboFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.yf-combo-plus{font-size:clamp(1.5rem,3vw,2.5rem);color:#ffffff4d;font-weight:900}.yf-combo-equals{font-size:clamp(1.5rem,3vw,2.5rem);color:var(--accent-color);font-weight:900}.yf-combo-result{font-size:clamp(3rem,6vw,5rem);animation:heartBeat 1.2s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.yf-combo-text{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.9rem,2vw,1rem);color:var(--text-gray);line-height:1.75;max-width:600px;margin:0 auto}.yf-promises-section{background:#ff69b403}.yf-promises-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 601px){.yf-promises-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.yf-promises-grid{grid-template-columns:repeat(3,1fr)}}.yf-promise-card{background:#ffffff0a;border-radius:22px;padding:clamp(1.5rem,3vw,2.5rem);border:2px solid rgba(255,255,255,.06);text-align:center;position:relative;overflow:hidden;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease,border-color .3s ease,box-shadow .3s ease;animation:yfReveal .6s ease forwards}@keyframes yfReveal{to{opacity:1;transform:translateY(0)}}.yf-promise-card:hover{border-color:var(--primary-color);box-shadow:0 12px 35px #ff69b433;transform:translateY(-5px)}.yf-promise-no{position:absolute;top:.8rem;right:1.2rem;font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;background:linear-gradient(135deg,#ff69b426,#ffd7001a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.yf-promise-icon{font-size:clamp(2rem,4vw,3rem);display:block;margin-bottom:.8rem}.yf-promise-title{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.95rem,2vw,1.05rem);font-weight:700;color:var(--accent-color);margin-bottom:.7rem}.yf-promise-text{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.82rem,2vw,.9rem);color:var(--text-gray);line-height:1.7}.yf-final{padding:clamp(50px,8vw,90px) 1.5rem;text-align:center}.yf-final-card{max-width:680px;margin:0 auto;background:#ffffff0f;border-radius:32px;padding:clamp(2.5rem,5vw,4rem);border:2px solid rgba(255,105,180,.25);box-shadow:0 20px 60px #ff69b41f;position:relative;overflow:hidden}.yf-final-orb{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,105,180,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.yf-final-emojis{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;display:flex;gap:1rem;justify-content:center}.yf-final-title{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.2rem;line-height:1.3}.yf-final-text{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.9rem,2vw,1rem);color:var(--text-gray);line-height:1.8;margin-bottom:1.5rem}.yf-final-sig{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(1rem,2vw,1.1rem);font-weight:700;color:var(--primary-color)}.yf-kinder-img-wrap{display:flex;flex-direction:column;align-items:center;position:relative;padding:1rem}.yf-kinder-glow{position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(255,105,180,.25) 0%,rgba(255,165,0,.1) 50%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:kinderGlow 3s ease-in-out infinite;pointer-events:none}@keyframes kinderGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.yf-kinder-img{width:180px;height:auto;object-fit:contain;position:relative;z-index:1;animation:kinderFloat 4s ease-in-out infinite;filter:drop-shadow(0 12px 30px rgba(255,105,180,.35));border-radius:16px}@keyframes kinderFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.yf-kinder-badge{margin-top:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-family:Comic Sans MS,Comic Sans,cursive;font-size:.85rem;font-weight:700;padding:.4rem 1.2rem;border-radius:50px;z-index:1;position:relative;box-shadow:0 4px 15px #ff69b466;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 4px 15px #ff69b466}50%{box-shadow:0 4px 25px #ff69b4b3}}.yf-carousel-section{background:#ffd70003}.yf-carousel{position:relative;max-width:600px;margin:0 auto;border-radius:28px;overflow:visible}.yf-carousel-track{border-radius:24px;overflow:hidden;background:#ffffff0d;border:2px solid rgba(255,105,180,.2);box-shadow:0 20px 60px #ff69b41f;min-height:380px;display:flex;align-items:center;justify-content:center;position:relative}.yf-carousel-slide{width:100%;text-align:center;position:relative}.yf-slide-in{animation:slideIn .42s cubic-bezier(.25,.46,.45,.94) forwards}.yf-slide-out-next{animation:slideOutNext .42s cubic-bezier(.55,.085,.68,.53) forwards}.yf-slide-out-prev{animation:slideOutPrev .42s cubic-bezier(.55,.085,.68,.53) forwards}@keyframes slideIn{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideOutNext{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(-16px)}}@keyframes slideOutPrev{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.92) translateY(16px)}}.yf-carousel-img{width:100%;height:320px;object-fit:cover;display:block;border-radius:22px 22px 0 0}.yf-carousel-caption{padding:1rem 1.5rem 1.2rem;font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(.9rem,2vw,1rem);font-weight:600;color:var(--text-light);background:#00000026}.yf-carousel-dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.2rem}.yf-dot{width:10px;height:10px;border-radius:50%;border:none;background:#fff3;cursor:pointer;transition:all .3s ease;padding:0}.yf-dot--active{background:var(--primary-color);transform:scale(1.35);box-shadow:0 0 10px #ff69b499}.yf-carousel-btn{position:absolute;top:50%;transform:translateY(-60%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,105,180,.3);color:var(--primary-color);font-size:2rem;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;z-index:5}.yf-carousel-btn:hover{background:#ff69b433;border-color:var(--primary-color);transform:translateY(-60%) scale(1.1)}.yf-carousel-btn--prev{left:-22px}.yf-carousel-btn--next{right:-22px}.yf-car-spark{position:absolute;font-size:1.4rem;pointer-events:none;animation:carSparkFloat 4s ease-in-out infinite;opacity:.7}.yf-car-spark1{top:-20px;left:10%;animation-delay:0s}.yf-car-spark2{top:-20px;right:10%;animation-delay:-1.3s}.yf-car-spark3{bottom:50px;right:5%;animation-delay:-2.5s}@keyframes carSparkFloat{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-12px) rotate(15deg);opacity:1}}.pl-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem);box-sizing:border-box;background:linear-gradient(145deg,#f3e5f5,#e8d5f0 30%,#f8bbd0,#fce4ec)}.pl-card{position:relative;z-index:1;width:100%;max-width:min(420px,100%);background:#fff;border-radius:clamp(20px,5vw,30px);box-shadow:0 18px 60px #e91e6326,0 4px 18px #0000000f;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding-bottom:clamp(1.4rem,4vw,1.8rem)}.pl-shake{animation:plShake .55s cubic-bezier(.36,.07,.19,.97)}@keyframes plShake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-7px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(2px)}}.pl-topbar{width:100%;background:linear-gradient(90deg,#f48fb1,#e91e63,#f48fb1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(.6rem,2vw,.85rem) clamp(1rem,3vw,1.5rem);gap:.2rem}.pl-topbar-icons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(.7rem,2.5vw,1.2rem);line-height:1}.pl-topbar-icons span{font-size:clamp(1rem,2.8vw,1.3rem);filter:drop-shadow(0 1px 4px rgba(0,0,0,.15));display:inline-block}.pl-topbar-title{font-family:Segoe UI,Nunito,sans-serif;font-size:clamp(.76rem,2.1vw,.92rem);font-weight:700;color:#fff;letter-spacing:.2px;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.15)}.pl-gear-wrap{position:relative;width:clamp(75px,17vw,100px);height:clamp(75px,17vw,100px);display:flex;align-items:center;justify-content:center;margin:clamp(1.1rem,3vw,1.6rem) 0 clamp(.4rem,1.5vw,.8rem)}.pl-gear-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#f48fb12e,#e91e6314);animation:plGearPulse 2.4s ease-in-out infinite}@keyframes plGearPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:.3}}.pl-gear-icon{font-size:clamp(2.8rem,8vw,4rem);position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12));animation:plGearSpin 12s linear infinite}@keyframes plGearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pl-title{font-family:Comic Sans MS,Comic Sans,cursive;font-size:clamp(1.7rem,5.5vw,2.4rem);font-weight:700;color:#e91e63;margin:0 0 .25rem;text-align:center;filter:drop-shadow(0 2px 6px rgba(233,30,99,.18))}.pl-sub{font-family:Segoe UI,sans-serif;font-size:clamp(.78rem,2.1vw,.9rem);font-weight:500;color:#9e9e9e;margin:0 0 clamp(.8rem,2.5vw,1.2rem);text-align:center}.pl-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5f8,#fce4ec);border:2px solid #f48fb1;border-radius:50px;color:#e91e63;font-family:Segoe UI,sans-serif;font-size:clamp(.78rem,2.1vw,.92rem);font-weight:700;padding:.42rem 1.6rem;margin-bottom:clamp(1rem,3vw,1.5rem);box-shadow:0 2px 10px #e91e631a}.pl-form{width:100%;display:flex;flex-direction:column;gap:clamp(.8rem,2vw,1rem);padding:0 clamp(1.2rem,4vw,1.8rem);box-sizing:border-box}.pl-field-wrap{display:flex;flex-direction:column;gap:.35rem}.pl-label{font-family:Segoe UI,sans-serif;font-size:clamp(.64rem,1.7vw,.74rem);font-weight:800;color:#7b1fa2;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:.4rem}.pl-label-icon{font-size:.95em}.pl-input-row{position:relative;display:flex;align-items:center;background:#fce4ec;border:2px solid #f8bbd0;border-radius:14px;overflow:hidden;transition:border-color .25s,box-shadow .25s}.pl-input-row:focus-within{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.pl-input-prefix{font-size:1rem;padding:0 .7rem;flex-shrink:0;opacity:.6}.pl-input{flex:1;background:transparent;border:none;outline:none;font-family:Segoe UI,sans-serif;font-size:clamp(.84rem,2.2vw,.96rem);font-weight:500;color:#4a4a4a;padding:clamp(.65rem,2vw,.85rem) .4rem clamp(.65rem,2vw,.85rem) 0}.pl-input::placeholder{color:#c48b99;font-weight:400}.pl-eye{background:none;border:none;cursor:pointer;font-size:1.05rem;padding:0 .7rem;opacity:.55;transition:opacity .2s,transform .2s;flex-shrink:0}.pl-eye:hover{opacity:1;transform:scale(1.12)}.pl-error{font-family:Segoe UI,sans-serif;font-size:clamp(.74rem,2vw,.84rem);font-weight:600;color:#c62828;background:#e5393512;border:1px solid rgba(229,57,53,.2);border-radius:10px;padding:.5rem .8rem;text-align:center;animation:plFadeUp .3s ease}.pl-btn{width:100%;padding:clamp(.85rem,2.5vw,1.05rem);border-radius:50px;border:none;background:linear-gradient(135deg,#e91e63,#f06292 60%,#e91e63);background-size:200% auto;color:#fff;font-family:Segoe UI,sans-serif;font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:700;cursor:pointer;letter-spacing:.4px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background-position .4s;box-shadow:0 6px 24px #e91e6373;margin-top:.2rem}.pl-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 32px #e91e6394;background-position:right center}.pl-btn:active:not(:disabled){transform:scale(.97)}.pl-btn:disabled{opacity:.65;cursor:not-allowed}.pl-loading{display:flex;align-items:center;justify-content:center;gap:6px}.pl-dot{width:8px;height:8px;border-radius:50%;background:#ffffffe6;animation:plDot 1s ease-in-out infinite}.pl-dot:nth-child(2){animation-delay:.18s}.pl-dot:nth-child(3){animation-delay:.36s}@keyframes plDot{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}.pl-footer{font-family:Segoe UI,sans-serif;font-size:clamp(.64rem,1.6vw,.74rem);font-weight:500;color:#bdbdbd;text-align:center;margin-top:clamp(.8rem,2.5vw,1.1rem);padding:0 1rem}@keyframes plFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 400px){.pl-card{border-radius:18px}.pl-form{padding:0 1rem}}*{box-shadow:none!important}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--text-light: #ffffff;--text-gray: #cccccc;--heading-font: "Montserrat", sans-serif}.message-page{min-height:100vh;color:var(--text-light);padding-top:80px}.message-hero{padding:clamp(60px,10vw,100px) clamp(1rem,4vw,2rem) clamp(50px,8vw,80px);text-align:center;position:relative;overflow:hidden}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;font-size:1.5rem;animation:floatParticle 6s ease-in-out infinite;opacity:.2}.particle-1{top:10%;left:5%;animation-delay:0s;font-size:1.2rem}.particle-2{top:20%;left:90%;animation-delay:.5s}.particle-3{top:35%;left:15%;animation-delay:1s;font-size:1rem}.particle-4{top:60%;left:80%;animation-delay:1.5s}.particle-5{top:70%;left:10%;animation-delay:2s;font-size:1.3rem}.particle-6{top:80%;left:70%;animation-delay:2.5s}.particle-7{top:15%;left:50%;animation-delay:.8s;font-size:.9rem}.particle-8{top:45%;left:95%;animation-delay:3s}.particle-9{top:55%;left:3%;animation-delay:3.5s;font-size:1.1rem}.particle-10{top:85%;left:45%;animation-delay:4s}.particle-11{top:5%;left:75%;animation-delay:1.2s;font-size:.8rem}.particle-12{top:90%;left:25%;animation-delay:4.5s;font-size:1.4rem}@keyframes floatParticle{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-20px) rotate(10deg) scale(1.1)}66%{transform:translateY(10px) rotate(-5deg) scale(.95)}}.message-hero-content{max-width:700px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center;width:100%}.hero-badge{display:inline-block;background:#ff69b426;border:1px solid rgba(255,105,180,.4);color:var(--primary-color);font-family:var(--heading-font);font-size:clamp(.72rem,2vw,.85rem);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:.5rem 1.5rem;border-radius:50px;animation:fadeInDown .8s ease-out}.message-hero-title{font-family:var(--heading-font);font-size:clamp(1.5rem,5vw,3.5rem);font-weight:900;margin:0;line-height:1.2;text-align:center;animation:fadeInDown 1s ease-out .1s both;width:100%}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message-hero-subtitle{font-size:clamp(.88rem,2.5vw,1.2rem);color:var(--text-gray);margin:0;text-align:center;animation:fadeInUp 1s ease-out .3s both;width:100%}.hero-divider{display:flex;align-items:center;gap:1rem;width:100%;max-width:260px;animation:fadeInUp 1s ease-out .5s both}.hero-divider span:not(.divider-heart){flex:1;height:2px;background:linear-gradient(90deg,transparent,rgba(255,105,180,.5),transparent)}.divider-heart{font-size:1.3rem;animation:heartPulse 1.5s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.main-message-section{padding:clamp(30px,5vw,60px) clamp(.75rem,3vw,1.5rem) clamp(50px,8vw,80px)}.message-container{max-width:min(900px,100%);margin:0 auto;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem)}.message-card{background:#ffffff0d;border-radius:24px;padding:clamp(1.25rem,5vw,3rem);border:2px solid rgba(255,255,255,.06);position:relative;overflow:hidden;transition:all .5s ease;text-align:center;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(40px)}.message-card.visible{opacity:1;transform:translateY(0)}.message-card:hover{transform:translateY(-6px);border-color:#ff69b480;box-shadow:0 20px 50px #ff69b41f}.message-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,105,180,.07),transparent);transition:left .8s ease;pointer-events:none}.message-card:hover:before{left:100%}.card-glow{position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgba(255,105,180,.1) 0%,transparent 70%);border-radius:50%;top:-40px;right:-40px;pointer-events:none}.card-emoji{font-size:clamp(2.2rem,5vw,3.2rem);margin-bottom:1rem;display:block;animation:bounceEmoji 2.5s ease-in-out infinite}@keyframes bounceEmoji{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.card-heading{font-family:var(--heading-font);font-size:clamp(1.1rem,3.5vw,2rem);font-weight:800;color:var(--accent-color);margin-bottom:1rem;text-align:center;width:100%}.card-divider{width:70px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:10px;margin:0 auto 1.5rem;flex-shrink:0}.message-content{color:var(--text-gray);line-height:1.9;font-size:clamp(.88rem,2vw,1.05rem);text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.message-content p{margin-bottom:1.4rem;max-width:680px;width:100%;text-align:center;margin-left:auto;margin-right:auto}.message-content p:last-child{margin-bottom:0}.purpose-list{display:flex;flex-direction:column;gap:1.2rem;width:100%}.purpose-item{display:flex;gap:1.2rem;padding:clamp(1rem,3vw,1.5rem);background:#ffffff0a;border-radius:16px;border-left:4px solid var(--primary-color);transition:all .35s ease;text-align:left;opacity:0;transform:translate(-30px)}.purpose-item.visible{opacity:1;transform:translate(0)}.purpose-item:hover{background:#ff69b414;transform:translate(6px);border-left-color:var(--accent-color)}.purpose-icon{font-size:clamp(1.5rem,3vw,2rem);flex-shrink:0;padding-top:2px}.purpose-text h3{font-family:var(--heading-font);font-size:clamp(.88rem,2.5vw,1.15rem);font-weight:700;color:var(--text-light);margin-bottom:.5rem}.purpose-text p{color:var(--text-gray);line-height:1.7;font-size:clamp(.82rem,2vw,.98rem);margin:0}.signature{text-align:center;margin-top:2.5rem;padding-top:2rem;border-top:2px solid rgba(255,105,180,.25);width:100%;display:flex;flex-direction:column;align-items:center}.signature strong{color:var(--primary-color);display:block;margin-bottom:.5rem;font-size:clamp(.78rem,2vw,.9rem);letter-spacing:1px;text-transform:uppercase}.signature-name{font-family:var(--heading-font);font-size:clamp(1.4rem,4vw,2.5rem);font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;margin-top:.4rem}.love-counter-section{padding:clamp(40px,8vw,100px) clamp(.75rem,3vw,1.5rem)}.counter-container{max-width:min(1000px,100%);margin:0 auto}.counter-header{text-align:center;margin-bottom:clamp(1.5rem,4vw,3rem)}.counter-title{font-family:var(--heading-font);font-size:clamp(1.4rem,4.5vw,3rem);font-weight:900;margin-bottom:.75rem;text-align:center}.counter-subtitle{font-size:clamp(.88rem,2.5vw,1.2rem);color:var(--text-gray);text-align:center}.counter-subtitle strong{color:var(--accent-color)}.counter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media (min-width: 600px){.counter-grid{grid-template-columns:repeat(4,1fr)}}.counter-item{background:#ffffff0d;border-radius:20px;padding:clamp(1rem,3vw,2.5rem) .8rem;text-align:center;border:2px solid rgba(255,255,255,.06);transition:all .4s ease;opacity:0;transform:translateY(30px);display:flex;flex-direction:column;align-items:center;justify-content:center}.counter-item.visible{opacity:1;transform:translateY(0)}.counter-item:hover{transform:translateY(-8px) scale(1.04);border-color:var(--primary-color);box-shadow:0 15px 40px #ff69b433}.counter-icon{font-size:clamp(1.4rem,4vw,2.5rem);margin-bottom:.8rem;animation:bounceEmoji 2s ease-in-out infinite;display:block}.counter-value{font-family:var(--heading-font);font-size:clamp(1.8rem,5vw,3.5rem);font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem;line-height:1;display:block}.counter-label{font-family:var(--heading-font);font-size:clamp(.6rem,1.8vw,.9rem);font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:2px;display:block}.counter-message{text-align:center;font-size:clamp(.85rem,2.5vw,1.2rem);color:var(--text-light);font-style:italic;padding:1.5rem;background:#ffffff0d;border-radius:18px;border:2px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap}.heartbeat{display:inline-block;animation:heartPulse 1.5s ease-in-out infinite;font-size:1.4rem}.distance-map-section{padding:clamp(40px,8vw,100px) clamp(.75rem,3vw,1.5rem)}.map-container{max-width:min(1100px,100%);margin:0 auto}.map-header{text-align:center;margin-bottom:clamp(1.5rem,4vw,3rem)}.map-title{font-family:var(--heading-font);font-size:clamp(1.4rem,4.5vw,3rem);font-weight:900;margin-bottom:.75rem;text-align:center}.map-subtitle{font-size:clamp(.88rem,2.5vw,1.2rem);color:var(--text-gray);text-align:center}.journey-map{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}@media (min-width: 768px){.journey-map{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}}.location{background:#ffffff0d;border-radius:22px;padding:clamp(1.25rem,3vw,2.5rem);border:2px solid rgba(255,255,255,.06);position:relative;transition:all .4s ease;text-align:center}.location:hover{transform:translateY(-6px);border-color:var(--primary-color);box-shadow:0 15px 40px #ff69b426}.location-marker{position:absolute;top:-16px;right:20px;width:32px;height:32px}.marker-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:var(--primary-color);animation:markerPulse 2s ease-out infinite}@keyframes markerPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(2.5);opacity:0}}.marker-dot{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.location-info{text-align:center}.location-icon{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.6rem;display:block;animation:bounceEmoji 2s ease-in-out infinite}.location-name{font-family:var(--heading-font);font-size:clamp(1.1rem,3vw,1.8rem);font-weight:800;color:var(--accent-color);margin-bottom:.4rem}.location-person{font-size:clamp(.85rem,2vw,1.1rem);color:var(--primary-color);margin-bottom:1rem;font-weight:600}.location-details{display:flex;flex-direction:column;gap:.4rem;align-items:center}.detail-item{color:var(--text-gray);font-size:clamp(.78rem,2vw,.9rem)}.journey-path{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding:1rem 0}@media (min-width: 768px){.journey-path{flex-direction:column;min-width:160px;gap:1rem}}.path-line{display:none}@media (min-width: 768px){.path-line{display:flex;align-items:center;gap:.6rem}.path-line:before,.path-line:after{content:"";width:50px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));animation:flowPath 2s ease-in-out infinite}@keyframes flowPath{0%,to{opacity:.4}50%{opacity:1}}}.path-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-color);animation:dotPulse 1.5s ease-in-out infinite}.path-dot:nth-child(2){animation-delay:.5s}.path-dot:nth-child(3){animation-delay:1s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.journey-info{display:flex;flex-direction:row;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:center}@media (min-width: 768px){.journey-info{flex-direction:column;gap:.8rem}}.distance-badge,.time-badge,.heart-badge{background:#ffffff0f;padding:.5rem 1rem;border-radius:50px;display:flex;align-items:center;gap:.4rem;border:2px solid rgba(255,255,255,.08);transition:border-color .3s ease;white-space:nowrap}.distance-badge:hover,.time-badge:hover,.heart-badge:hover{border-color:var(--primary-color)}.badge-icon{font-size:clamp(.85rem,2vw,1rem)}.badge-text{font-weight:600;color:var(--text-light);font-size:clamp(.72rem,2vw,.9rem)}.floating-heart{animation:floatHeart 2s ease-in-out infinite}@keyframes floatHeart{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.journey-message{margin:2rem 0}.message-card-inline{background:#ffffff0d;border-radius:22px;padding:clamp(1.25rem,4vw,2.5rem);display:flex;gap:1.5rem;align-items:flex-start;border:2px solid rgba(255,255,255,.06);transition:border-color .4s ease;text-align:left}@media (max-width: 600px){.message-card-inline{flex-direction:column;text-align:center}}.message-card-inline:hover{border-color:#ff69b466}.inline-icon{font-size:clamp(2rem,5vw,3.5rem);flex-shrink:0}.inline-content h3{font-family:var(--heading-font);font-size:clamp(1rem,3vw,1.6rem);font-weight:700;color:var(--accent-color);margin-bottom:.8rem}.inline-content p{color:var(--text-gray);line-height:1.8;font-size:clamp(.85rem,2vw,1rem)}.travel-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}@media (min-width: 600px){.travel-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#ffffff0d;border-radius:18px;padding:1.5rem .8rem;text-align:center;border:2px solid rgba(255,255,255,.06);transition:all .4s ease;opacity:0;transform:translateY(30px);overflow:visible;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-card.visible{opacity:1;transform:translateY(0)}.stat-card:hover{transform:translateY(-6px);border-color:var(--primary-color);box-shadow:0 12px 35px #ff69b426}.stat-emoji{font-size:clamp(1.6rem,4vw,2.5rem);margin-bottom:.7rem;display:block}.stat-value{font-family:var(--heading-font);font-size:clamp(1.3rem,4vw,2.5rem);font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem;line-height:1.1;display:block;word-break:keep-all}.stat-label{color:var(--text-gray);font-family:var(--heading-font);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:clamp(.6rem,1.5vw,.78rem);display:block;line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 480px){.message-page{padding-top:65px}.message-card{padding:1.25rem 1rem;border-radius:18px}.purpose-item{padding:1rem;gap:.8rem;flex-direction:row}.journey-message{margin:1.5rem 0}}.og-page{min-height:100vh;color:#fff;font-family:Montserrat,sans-serif;position:relative;overflow-x:hidden;background:linear-gradient(145deg,#0f0a1e,#1a0d30 40%,#0d1a30);padding-bottom:5rem}.og-orb{position:fixed;border-radius:50%;pointer-events:none;filter:blur(90px);z-index:0}.og-orb1{width:clamp(280px,45vw,560px);height:clamp(280px,45vw,560px);background:radial-gradient(circle,rgba(255,105,180,.14) 0%,transparent 70%);top:-120px;left:-120px;animation:ogDrift 14s ease-in-out infinite alternate}.og-orb2{width:clamp(220px,38vw,480px);height:clamp(220px,38vw,480px);background:radial-gradient(circle,rgba(186,85,211,.12) 0%,transparent 70%);bottom:5%;right:-80px;animation:ogDrift 17s ease-in-out infinite alternate-reverse}.og-orb3{width:clamp(160px,28vw,320px);height:clamp(160px,28vw,320px);background:radial-gradient(circle,rgba(255,215,0,.08) 0%,transparent 70%);top:45%;left:38%;animation:ogDrift 11s ease-in-out infinite alternate}@keyframes ogDrift{0%{transform:translate(0) scale(1)}to{transform:translate(28px,18px) scale(1.07)}}.og-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.og-p{position:absolute;opacity:.13;animation:ogFloat 9s ease-in-out infinite;font-size:clamp(.9rem,2vw,1.4rem)}.og-p0{top:7%;left:4%;animation-delay:0s}.og-p1{top:18%;left:88%;animation-delay:1.1s}.og-p2{top:38%;left:9%;animation-delay:2s}.og-p3{top:58%;left:93%;animation-delay:.6s}.og-p4{top:75%;left:14%;animation-delay:3.2s}.og-p5{top:86%;left:72%;animation-delay:1.7s}.og-p6{top:12%;left:52%;animation-delay:2.4s}.og-p7{top:68%;left:44%;animation-delay:4s}.og-p8{top:30%;left:78%;animation-delay:.3s}.og-p9{top:50%;left:25%;animation-delay:3.7s}@keyframes ogFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(9deg)}}.og-hero{position:relative;z-index:1;text-align:center;padding:clamp(75px,11vw,120px) clamp(1rem,4vw,2rem) clamp(28px,4vw,46px);display:flex;flex-direction:column;align-items:center;gap:.9rem}.og-badge{display:inline-block;background:#ff69b424;border:1px solid rgba(255,105,180,.4);color:#ff69b4;font-size:clamp(.62rem,1.7vw,.78rem);font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:.38rem 1.2rem;border-radius:50px;animation:ogFadeDown .7s ease-out both}.og-title{font-size:clamp(1.7rem,5.5vw,3.6rem);font-weight:900;margin:0;animation:ogFadeDown .8s ease-out .1s both}.og-grad{background:linear-gradient(135deg,#ff69b4,gold,#ba55d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.og-subtitle{font-size:clamp(.84rem,2.2vw,1.08rem);color:#fff9;max-width:560px;line-height:1.7;margin:0;animation:ogFadeDown .9s ease-out .2s both}.og-tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;animation:ogFadeDown .9s ease-out .3s both}.og-tag-badge{font-size:clamp(.62rem,1.6vw,.74rem);font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:.3rem .9rem;border-radius:50px}.og-hdivider{display:flex;align-items:center;gap:1rem;width:100%;max-width:220px;animation:ogFadeDown .9s ease-out .35s both}.og-hdivider span:not(.og-heart){flex:1;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,105,180,.45),transparent)}.og-heart{font-size:1rem;animation:ogHBeat 1.5s ease-in-out infinite}@keyframes ogHBeat{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.og-main{position:relative;z-index:1;padding:0 clamp(.75rem,3vw,2rem)}.og-layout{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}@media (min-width: 900px){.og-layout{grid-template-columns:1fr 1fr}}.og-wheel-col{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.og-wheel-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-top:20px}.og-pointer-wrap{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center}.og-pointer-arrow{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #fff;filter:drop-shadow(0 0 10px rgba(255,105,180,1)) drop-shadow(0 2px 6px rgba(0,0,0,.6));animation:ogPointerPulse 2s ease-in-out infinite}@keyframes ogPointerPulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,105,180,.9)) drop-shadow(0 2px 6px rgba(0,0,0,.6))}50%{filter:drop-shadow(0 0 22px rgba(255,215,0,1)) drop-shadow(0 2px 6px rgba(0,0,0,.6))}}.og-canvas{display:block;border-radius:50%;max-width:min(460px,calc(100vw - 48px));height:auto;filter:drop-shadow(0 10px 40px rgba(255,105,180,.3))}.og-spin-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:clamp(.78rem,2.5vw,1.05rem) clamp(2rem,5.5vw,3.2rem);border-radius:50px;border:none;background:linear-gradient(135deg,#ff69b4,#d63384,#ba55d3);color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(.92rem,2.3vw,1.12rem);font-weight:800;cursor:pointer;letter-spacing:.3px;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 6px 30px #ff69b473;position:relative;overflow:hidden}.og-spin-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translate(-100%);transition:transform .55s}.og-spin-btn:not(:disabled):hover:after{transform:translate(100%)}.og-spin-btn:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 12px 38px #ff69b499}.og-spin-btn:disabled{opacity:.7;cursor:not-allowed}.og-spinning{animation:ogBtnGlow .9s ease-in-out infinite}@keyframes ogBtnGlow{0%,to{box-shadow:0 6px 30px #ff69b473}50%{box-shadow:0 6px 44px #ff69b4d9}}.og-btn-icon{font-size:1.25rem}.og-spin-ring{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ogSpin .7s linear infinite;flex-shrink:0}@keyframes ogSpin{to{transform:rotate(360deg)}}.og-legend{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .8rem;width:100%;max-width:min(460px,calc(100vw - 48px));background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1rem 1.1rem}.og-legend-item{display:flex;align-items:center;gap:.4rem;min-width:0}.og-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.og-legend-tag-pill{font-size:.75rem;border-radius:4px;padding:.05rem .28rem;flex-shrink:0}.og-legend-text{font-size:clamp(.62rem,1.5vw,.75rem);color:#ffffffad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.og-result-col{display:flex;flex-direction:column;min-height:340px}.og-idle-card{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.08);border-radius:26px;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,4vw,2.5rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.1rem;animation:ogFadeUp .8s ease-out both}.og-idle-anim{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.og-idle-emoji{font-size:3rem;position:relative;z-index:1;animation:ogBounce 2.5s ease-in-out infinite}.og-idle-ring{position:absolute;border-radius:50%;border:2px solid rgba(255,105,180,.25);animation:ogRingExpand 3s ease-out infinite}.og-idle-r1{width:70px;height:70px}.og-idle-r2{width:90px;height:90px;animation-delay:1s}@keyframes ogRingExpand{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.3);opacity:0}}.og-idle-title{font-size:clamp(1.15rem,3vw,1.65rem);font-weight:800;margin:0}.og-idle-sub{font-size:clamp(.82rem,2vw,.98rem);color:#ffffff8c;margin:0;line-height:1.7}.og-tag-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.og-preview-tag{display:flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:50px;font-size:clamp(.72rem,1.8vw,.82rem);font-weight:700}.og-idle-dots{display:flex;gap:.4rem}.og-idle-dots span{width:8px;height:8px;border-radius:50%;background:#ff69b480;animation:ogDotB 1.4s ease-in-out infinite}.og-idle-dots span:nth-child(2){animation-delay:.22s}.og-idle-dots span:nth-child(3){animation-delay:.44s}@keyframes ogDotB{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-8px);opacity:1}}.og-result-card{background:#ffffff0e;border:2px solid rgba(255,255,255,.08);border-radius:26px;padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.85rem;opacity:0;transform:scale(.94) translateY(12px);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.og-result-card.og-res-visible{opacity:1;transform:scale(1) translateY(0);border-color:color-mix(in srgb,var(--seg-color) 35%,transparent)}.og-result-glow{position:absolute;top:-50px;right:-50px;width:220px;height:220px;background:radial-gradient(circle,color-mix(in srgb,var(--seg-color) 25%,transparent) 0%,transparent 70%);pointer-events:none;border-radius:50%}.og-res-tag{font-size:clamp(.62rem,1.7vw,.74rem);font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:.3rem 1.05rem;border-radius:50px}.og-result-emoji-wrap{position:relative;width:clamp(70px,14vw,96px);height:clamp(70px,14vw,96px);display:flex;align-items:center;justify-content:center}.og-emoji-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2.5px solid;opacity:.6;animation:ogEmojiRing 2.5s ease-in-out infinite}@keyframes ogEmojiRing{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:.3}}.og-result-emoji{font-size:clamp(2.6rem,7vw,4rem);animation:ogBounce 2s ease-in-out infinite}.og-result-label{font-size:clamp(1.2rem,3.5vw,1.9rem);font-weight:900;margin:0;text-align:center}.og-question-card{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--seg-color);border-radius:14px;padding:.9rem 1.1rem;display:flex;align-items:flex-start;gap:.7rem}.og-q-icon{font-size:1.1rem;flex-shrink:0;padding-top:1px}.og-q-text{font-size:clamp(.84rem,2vw,.98rem);color:#ffffffd9;line-height:1.65;margin:0;font-weight:500}.og-time-chip{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:.38rem .9rem;font-size:clamp(.65rem,1.6vw,.76rem);color:#ffffff73}.og-divider-sm{display:flex;align-items:center;gap:.6rem;width:100%}.og-divider-sm span:not(.og-sm-heart){flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.og-sm-heart{font-size:.9rem;animation:ogHBeat 1.6s ease-in-out infinite}.og-form{display:flex;flex-direction:column;gap:.8rem;width:100%}.og-label{font-size:clamp(.68rem,1.7vw,.8rem);font-weight:700;color:#ffffffa6;text-transform:uppercase;letter-spacing:.8px}.og-textarea{width:100%;padding:clamp(.7rem,2vw,1rem) clamp(.9rem,2.5vw,1.2rem);border-radius:14px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff12;color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(.84rem,2vw,.96rem);resize:vertical;outline:none;transition:border-color .25s,background .25s;box-sizing:border-box;line-height:1.65}.og-textarea::placeholder{color:#ffffff47}.og-textarea:focus{border-color:#ff69b499;background:#ffffff1a;box-shadow:0 0 0 3px #ff69b41f}.og-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.72rem,2vw,.95rem);border-radius:14px;border:none;background:linear-gradient(135deg,var(--seg-color),color-mix(in srgb,var(--seg-color) 55%,#220033));color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(.84rem,2vw,1rem);font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 4px 20px #0000004d}.og-submit-btn:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 8px 28px #0006}.og-submit-btn:disabled{opacity:.6;cursor:not-allowed}.og-submit-err{font-size:.8rem;color:#f99;text-align:center;margin:0}.og-success-card{background:#ffffff0f;border:2px solid rgba(255,105,180,.3);border-radius:26px;padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem);text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:1rem;animation:ogScaleIn .5s cubic-bezier(.34,1.56,.64,1) both}.og-success-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid rgba(255,105,180,.18);animation:ogRingPulse 2.2s ease-out infinite}@keyframes ogRingPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.04);opacity:0}}.og-success-icon-wrap{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.og-success-emoji{font-size:clamp(3rem,9vw,4.5rem);animation:ogBounce 1.8s ease-in-out infinite;position:relative;z-index:1}.og-success-particles{position:absolute;top:0;right:0;bottom:0;left:0}.og-sp{position:absolute;font-size:1rem;animation:ogSpFloat 2s ease-in-out infinite}.og-sp0{top:0;left:10%;animation-delay:0s}.og-sp1{top:5%;right:10%;animation-delay:.4s}.og-sp2{bottom:0;left:20%;animation-delay:.8s}.og-sp3{bottom:5%;right:20%;animation-delay:1.2s}.og-sp4{top:50%;left:0;animation-delay:1.6s}@keyframes ogSpFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-14px) scale(1.2);opacity:.2}}.og-success-title{font-size:clamp(1.3rem,4vw,2rem);font-weight:900;margin:0;background:linear-gradient(135deg,#ff69b4,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.og-success-msg{font-size:clamp(.85rem,2vw,1rem);color:#ffffffb3;margin:0;line-height:1.7}.og-success-detail{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.og-suc-row{display:flex;flex-direction:column;gap:.3rem;padding:.8rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}.og-suc-row:last-child{border-bottom:none}.og-suc-lbl{font-size:.62rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#ffffff52}.og-suc-val{font-size:clamp(.82rem,2vw,.95rem);font-weight:700;color:#fff}.og-suc-q{font-size:clamp(.78rem,1.8vw,.88rem)!important;font-weight:500!important;color:#ffffffbf!important}.og-suc-time{color:gold!important;font-weight:600!important;font-size:clamp(.72rem,1.7vw,.84rem)!important}.og-email-note{display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:clamp(.68rem,1.7vw,.78rem);color:#ffffff61;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.5rem .9rem;text-align:center}.og-email-note strong{color:#ffffff8c}.og-again-btn{padding:.75rem 2.2rem;border-radius:50px;border:2px solid rgba(255,105,180,.45);background:#ff69b41a;color:#ff69b4;font-family:Montserrat,sans-serif;font-size:clamp(.85rem,2vw,.98rem);font-weight:700;cursor:pointer;transition:all .25s}.og-again-btn:hover{background:#ff69b43d;transform:translateY(-2px)}.og-stats{position:relative;z-index:1;display:flex;justify-content:center;gap:clamp(1.5rem,5vw,5rem);margin-top:clamp(2rem,5vw,4rem);padding:clamp(1rem,3vw,1.8rem);background:#ffffff0a;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);animation:ogFadeUp .6s ease-out both}.og-stat{display:flex;flex-direction:column;align-items:center;gap:.3rem}.og-stat-val{font-size:clamp(1.4rem,4.5vw,2.4rem);font-weight:900;background:linear-gradient(135deg,#ff69b4,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.og-stat-lbl{font-size:clamp(.6rem,1.5vw,.72rem);color:#fff6;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}@keyframes ogFadeDown{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}@keyframes ogFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ogScaleIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes ogBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}.og-gate-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:clamp(1rem,4vw,2rem)}.og-gate-card{position:relative;z-index:1;width:100%;max-width:min(440px,100%);background:#ffffff12;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border:1.5px solid rgba(255,255,255,.12);border-radius:clamp(20px,4vw,32px);padding:clamp(2rem,5vw,3rem) clamp(1.6rem,5vw,2.8rem);display:flex;flex-direction:column;align-items:center;gap:0;box-shadow:0 8px 40px #0006,0 0 80px #ff69b414;transition:transform .15s ease}.og-gate-glow{position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,105,180,.2) 0%,transparent 70%);pointer-events:none}.og-shake{animation:ogGateShake .55s cubic-bezier(.36,.07,.19,.97) both}@keyframes ogGateShake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-7px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(2px)}}.og-gate-icon-wrap{position:relative;width:clamp(64px,13vw,84px);height:clamp(64px,13vw,84px);display:flex;align-items:center;justify-content:center;margin-bottom:clamp(.9rem,2.5vw,1.3rem)}.og-gate-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ff69b41f;border:2px solid rgba(255,105,180,.3);animation:ogPulseRing 2.5s ease-in-out infinite}@keyframes ogPulseRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.6}}.og-gate-icon{font-size:clamp(2rem,5.5vw,2.8rem);position:relative;z-index:1;animation:ogBounce 2.5s ease-in-out infinite}.og-gate-badge{background:#ff69b41f;border:1px solid rgba(255,105,180,.35);color:#ff69b4;font-size:clamp(.6rem,1.7vw,.74rem);font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding:.35rem 1.1rem;border-radius:50px;margin-bottom:clamp(.7rem,2vw,1rem)}.og-gate-title{font-size:clamp(1.3rem,4vw,2rem);font-weight:900;margin:0 0 .4rem;background:linear-gradient(135deg,#ff69b4,#ba55d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.og-gate-sub{font-size:clamp(.78rem,2vw,.9rem);color:#ffffff80;text-align:center;margin:0;line-height:1.6}.og-gate-divider{display:flex;align-items:center;gap:.8rem;width:100%;margin:clamp(.9rem,2.5vw,1.4rem) 0}.og-gate-divider span:not(.og-gate-heart){flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,105,180,.35),transparent)}.og-gate-heart{font-size:.95rem;animation:ogHBeat 1.6s ease-in-out infinite}.og-attempt-row{display:flex;align-items:center;gap:.45rem;margin-bottom:.8rem}.og-attempt-dot{width:12px;height:12px;border-radius:50%;transition:all .3s}.og-attempt-used{background:#ef5350;box-shadow:0 0 8px #ef535099}.og-attempt-left{background:#ffffff26;border:1.5px solid rgba(255,255,255,.3)}.og-attempt-label{font-size:.7rem;color:#fff6;font-weight:600;margin-left:.2rem}.og-gate-form{display:flex;flex-direction:column;gap:.8rem;width:100%}.og-gate-label{font-size:clamp(.68rem,1.7vw,.8rem);font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.8px}.og-gate-input-wrap{position:relative;display:flex;align-items:center}.og-gate-input{width:100%;padding:clamp(.65rem,2vw,.9rem) 3rem clamp(.65rem,2vw,.9rem) clamp(.9rem,2.5vw,1.2rem);border-radius:14px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff12;color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(.85rem,2vw,1rem);outline:none;transition:border-color .25s,background .25s,box-shadow .25s;box-sizing:border-box}.og-gate-input::placeholder{color:#ffffff40}.og-gate-input:focus{border-color:#ff69b4a6;background:#ffffff1a;box-shadow:0 0 0 3px #ff69b424}.og-gate-eye{position:absolute;right:.9rem;background:none;border:none;cursor:pointer;font-size:1.1rem;opacity:.6;transition:opacity .2s,transform .2s;padding:0}.og-gate-eye:hover{opacity:1;transform:scale(1.1)}.og-gate-error{display:flex;align-items:center;gap:.5rem;background:#ef53501a;border:1px solid rgba(239,83,80,.3);color:#ef9a9a;font-size:clamp(.76rem,1.9vw,.87rem);font-weight:500;padding:.55rem .9rem;border-radius:12px;animation:ogFadeUp .3s ease-out}.og-gate-btn{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:clamp(.75rem,2.5vw,1rem);border-radius:14px;border:none;background:linear-gradient(135deg,#ff69b4,#d63384,#ba55d3);color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(.88rem,2.2vw,1.05rem);font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 28px #ff69b466;position:relative;overflow:hidden;margin-top:.2rem}.og-gate-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .55s}.og-gate-btn:hover:after{transform:translate(100%)}.og-gate-btn:hover{transform:translateY(-3px);box-shadow:0 10px 34px #ff69b48c}.og-gate-foot{font-size:clamp(.66rem,1.6vw,.76rem);color:#ffffff4d;text-align:center;margin-top:clamp(.8rem,2vw,1.1rem)}.og-lockout-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:.5rem}.og-lockout-timer{display:flex;align-items:center;gap:.8rem;background:#ff98001a;border:1.5px solid rgba(255,152,0,.35);border-radius:16px;padding:.9rem 1.6rem}.og-timer-icon{font-size:1.6rem}.og-timer-val{font-size:clamp(1.4rem,4vw,2rem);font-weight:900;letter-spacing:2px;color:#ffb74d;font-variant-numeric:tabular-nums}.og-lockout-msg{font-size:clamp(.78rem,2vw,.9rem);color:#ffffff73;text-align:center;line-height:1.7;margin:0}.og-lockout-attempts{display:flex;gap:.5rem;margin-top:.3rem}:root{--pink: #ff6b9d;--pink-deep: #e84d8a;--pink-soft: #ffb3cc;--gray-mid: #8e8e93;--gray-lt: #e5e5ea;--white: #ffffff;--txt: #1c1c1e;--blue: #3897f0;--av-h: linear-gradient(135deg,#ff6b9d,#e84d8a);--av-f: linear-gradient(135deg,#ff85b3,#ff6b9d);--main-font: "Comic Neue", "Comic Sans MS", cursive;--heading-font: "Pacifico", cursive;--fw: clamp(340px, 90vw, 390px);--fh: clamp(700px, 92svh, 844px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;font-family:var(--main-font);overflow:hidden}.oc-page{width:100%;height:100svh;background:linear-gradient(140deg,#1a0a1e,#2d0a3e 35%,#1a1a3e 65%,#0a1a2e);display:flex;align-items:center;justify-content:center;gap:clamp(2rem,4vw,5rem);position:relative;overflow:hidden;padding:clamp(1rem,2vw,2rem)}.oc-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(255,107,157,.14) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 70%,rgba(186,85,211,.11) 0%,transparent 60%);animation:bgPulse 9s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.5}to{opacity:1}}.oc-bg-hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.oc-bg-heart{position:absolute;font-size:clamp(.9rem,2vw,1.6rem);opacity:0;animation:floatUp var(--d, 10s) var(--dl, 0s) ease-in infinite}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) scale(.5) rotate(0)}10%{opacity:.25}90%{opacity:.1}to{opacity:0;transform:translateY(-10vh) scale(1.2) rotate(20deg)}}.side-profile{opacity:0;transform:translateY(clamp(30px,5vw,50px)) scale(.9);transition:all 1s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.side-profile.visible{opacity:1;transform:translateY(0) scale(1)}.side-hassan{animation-delay:.3s}.side-fiza{animation-delay:.5s}.profile-card{position:relative;width:clamp(180px,22vw,280px);background:#ffffff0f;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:clamp(2px,.4vw,3px) solid rgba(255,107,157,.25);border-radius:clamp(24px,4vw,36px);padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,3vw,2.5rem);box-shadow:0 clamp(15px,3vw,25px) clamp(50px,10vw,80px) #0006,inset 0 1px #ffffff1a;transition:all .4s ease;overflow:hidden}.profile-card:hover{transform:translateY(clamp(-8px,-1.5vw,-12px)) scale(1.05);border-color:#ff6b9d80;box-shadow:0 clamp(20px,4vw,35px) clamp(70px,14vw,100px) #ff6b9d4d,inset 0 1px #ffffff26}.profile-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(255,107,157,.2),transparent 70%);animation:profileGlow 3s ease-in-out infinite;pointer-events:none}@keyframes profileGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.profile-avatar{position:relative;width:clamp(100px,15vw,140px);height:clamp(100px,15vw,140px);margin:0 auto clamp(1.5rem,3vw,2rem);border-radius:50%;overflow:hidden;border:clamp(3px,.6vw,5px) solid rgba(255,107,157,.3);box-shadow:0 clamp(8px,1.5vw,12px) clamp(30px,6vw,50px) #ff6b9d66,inset 0 0 clamp(20px,4vw,30px) #ff6b9d1a;animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--heading-font);font-size:clamp(2.5rem,6vw,4rem);color:var(--white);font-weight:400}.profile-placeholder.profile-h{background:linear-gradient(135deg,#ff6b9d,#e84d8a)}.profile-placeholder.profile-f{background:linear-gradient(135deg,#ff85b3,#ff6b9d)}.profile-info{text-align:center;margin-bottom:clamp(1rem,2vw,1.5rem)}.profile-name{font-family:var(--heading-font);font-size:clamp(1.3rem,3vw,2rem);font-weight:400;color:var(--white);margin-bottom:clamp(.5rem,1vw,.8rem);background:linear-gradient(135deg,#ff6b9d,orchid);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-status{font-family:var(--main-font);font-size:clamp(.85rem,2vw,1.1rem);font-weight:600;color:#ffffffbf}.profile-hearts{display:flex;justify-content:center;align-items:center;gap:clamp(.8rem,1.5vw,1.2rem)}.profile-hearts span{font-size:clamp(1.2rem,2.5vw,1.8rem);animation:heartFloat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 clamp(8px,1.5vw,12px) rgba(255,107,157,.6))}.profile-hearts span:nth-child(1){animation-delay:0s}.profile-hearts span:nth-child(2){animation-delay:.3s}.profile-hearts span:nth-child(3){animation-delay:.6s}@keyframes heartFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(clamp(-6px,-1.2vw,-10px)) scale(1.2)}}.oc-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(135deg,#0d0d1a,#1a0a2e 50%,#0a0d1a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.9rem,2.5vh,1.8rem);transition:opacity .8s ease,visibility .8s ease}.oc-intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-logo{display:flex;flex-direction:column;align-items:center;gap:clamp(.4rem,1.5vh,.9rem);animation:popIn .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.3) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.intro-icon{font-size:clamp(3rem,9vw,5.5rem);animation:pulse .9s ease-in-out infinite;filter:drop-shadow(0 0 clamp(20px,4vw,35px) rgba(255,107,157,.85))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.intro-title{font-family:var(--heading-font);font-weight:400;font-size:clamp(1.5rem,5vw,2.8rem);color:#fff;text-align:center}.intro-title span{background:linear-gradient(135deg,#ff6b9d,orchid,#87ceeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-sub{font-family:var(--main-font);font-size:clamp(.78rem,2.2vw,1rem);font-weight:600;color:#ffffff73;text-align:center;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:.45}50%{opacity:1}}.intro-bar{width:clamp(160px,45vw,280px);height:3px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.intro-bar:after{content:"";position:absolute;width:40%;height:100%;background:linear-gradient(90deg,transparent,#ff6b9d,#da70d6,transparent);animation:scan 1.5s ease-in-out infinite}@keyframes scan{0%{left:-40%}to{left:140%}}.intro-notif{display:flex;align-items:center;gap:clamp(.6rem,1.5vw,.9rem);background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:clamp(16px,3vw,20px);padding:clamp(.65rem,2vw,.95rem) clamp(.9rem,3vw,1.4rem);animation:notifIn .5s 1.3s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 clamp(6px,1.2vw,10px) clamp(25px,5vw,35px) #0000004d}@keyframes notifIn{0%{opacity:0;transform:translateY(clamp(-20px,-4vw,-30px)) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-app{width:clamp(28px,7vw,38px);height:clamp(28px,7vw,38px);background:linear-gradient(135deg,#ff6b9d,orchid);border-radius:clamp(7px,1.5vw,10px);display:flex;align-items:center;justify-content:center;font-size:clamp(.9rem,2.5vw,1.2rem);flex-shrink:0}.notif-txt{display:flex;flex-direction:column;gap:.1rem}.notif-from{font-family:var(--main-font);font-size:clamp(.68rem,1.7vw,.82rem);font-weight:700;color:#ffffffe6}.notif-prev{font-family:var(--main-font);font-size:clamp(.62rem,1.5vw,.75rem);font-weight:500;color:#ffffff80}.oc-scene{opacity:0;transform:scale(.87) translateY(clamp(15px,3vw,25px));transition:opacity .9s cubic-bezier(.34,1.2,.64,1),transform .9s cubic-bezier(.34,1.2,.64,1);position:relative;z-index:2}.oc-scene.visible{opacity:1;transform:scale(1) translateY(0)}.oc-scene.closing{opacity:0;transform:scale(.85) translateY(clamp(20px,4vw,35px));transition:opacity .45s ease,transform .45s ease}.phone{width:var(--fw);height:var(--fh);background:var(--white);border-radius:clamp(35px,8vw,54px);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 2px #3a3a3c,0 0 0 4px #2c2c2e,0 clamp(30px,6vw,45px) clamp(80px,16vw,120px) #000000a6,inset 0 0 0 1px #ffffff12}.phone:before{content:"";position:absolute;left:-3px;top:22%;width:3px;height:clamp(30px,6vw,42px);background:#3a3a3c;border-radius:3px 0 0 3px;box-shadow:0 clamp(40px,8vw,52px) 0 #3a3a3c,0 clamp(80px,16vw,104px) 0 #3a3a3c}.phone:after{content:"";position:absolute;right:-3px;top:27%;width:3px;height:clamp(48px,9vw,62px);background:#3a3a3c;border-radius:0 3px 3px 0}.statusbar{background:var(--white);padding:clamp(10px,2.2vw,15px) clamp(16px,4vw,24px) 5px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;z-index:3}.statusbar:before{content:"";position:absolute;top:clamp(7px,1.8vw,11px);left:50%;transform:translate(-50%);width:clamp(88px,24%,118px);height:clamp(25px,4vw,32px);background:#1c1c1e;border-radius:50px;z-index:5}.sb-time{font-family:var(--main-font);font-size:clamp(.62rem,1.9vw,.8rem);font-weight:800;color:var(--txt);letter-spacing:-.02em}.sb-right{display:flex;align-items:center;gap:clamp(3px,1vw,5px)}.sb-signal{display:flex;align-items:flex-end;gap:1.5px}.sb-bar{width:clamp(2.5px,.7vw,3.5px);background:var(--txt);border-radius:1px}.sb-bar:nth-child(1){height:clamp(4px,1.2vw,6px)}.sb-bar:nth-child(2){height:clamp(7px,1.8vw,9px)}.sb-bar:nth-child(3){height:clamp(10px,2.5vw,12px)}.sb-bar:nth-child(4){height:clamp(13px,3.2vw,15px)}.sb-wifi{font-family:var(--main-font);font-size:clamp(.55rem,1.5vw,.68rem);font-weight:700;color:var(--txt)}.sb-batt{display:flex;align-items:center;gap:2px}.batt-shell{width:clamp(18px,4.5vw,22px);height:clamp(10px,2.5vw,12px);border:1.5px solid var(--txt);border-radius:2.5px;position:relative;display:flex;align-items:center;padding:1.5px}.batt-shell:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:2.5px;height:5px;background:var(--txt);border-radius:0 1px 1px 0}.batt-fill{height:100%;width:83%;background:var(--txt);border-radius:1px}.batt-num{font-family:var(--main-font);font-size:clamp(.5rem,1.3vw,.62rem);font-weight:700;color:var(--txt)}.chat-hdr{background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.09);padding:clamp(7px,1.8vw,11px) clamp(10px,2.5vw,15px);display:flex;align-items:center;gap:clamp(5px,1.5vw,10px);flex-shrink:0;position:relative;z-index:2}.btn-back{display:flex;align-items:center;gap:clamp(1px,.5vw,3px);background:none;border:none;cursor:pointer;color:var(--blue);font-family:var(--main-font);font-size:clamp(.72rem,2vw,.88rem);font-weight:700;padding:4px 2px;flex-shrink:0;white-space:nowrap;transition:opacity .2s}.btn-back:hover{opacity:.65}.btn-back:active{opacity:.4}.chevron{font-size:clamp(1.1rem,2.8vw,1.45rem);line-height:1}.hdr-centre{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px}.contact-name{font-family:var(--main-font);font-size:clamp(.76rem,2.1vw,.9rem);font-weight:700;color:var(--txt)}.contact-status{font-family:var(--main-font);font-size:clamp(.58rem,1.5vw,.7rem);font-weight:700;color:#34c759}.hdr-typing{color:var(--gray-mid)}.hdr-dot{display:inline-block;animation:hdot 1.2s ease-in-out infinite}.hdr-dot:nth-child(1){animation-delay:0s}.hdr-dot:nth-child(2){animation-delay:.2s}.hdr-dot:nth-child(3){animation-delay:.4s}@keyframes hdot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.hdr-actions{display:flex;gap:clamp(8px,2.5vw,14px);flex-shrink:0}.hdr-btn{background:none;border:none;cursor:pointer;font-size:clamp(.95rem,2.8vw,1.2rem);color:var(--pink);transition:transform .18s}.hdr-btn:hover{transform:scale(1.12)}.av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--main-font);font-weight:700;color:var(--white);flex-shrink:0;line-height:1;-webkit-user-select:none;user-select:none;overflow:hidden;box-shadow:0 2px clamp(6px,1.2vw,10px) #ff6b9d52}.av img{width:100%;height:100%;object-fit:cover;display:block}.av-lg{width:clamp(32px,8.5vw,40px);height:clamp(32px,8.5vw,40px);font-size:clamp(.9rem,2.4vw,1.1rem)}.av-sm{width:clamp(22px,6.2vw,28px);height:clamp(22px,6.2vw,28px);font-size:clamp(.6rem,1.7vw,.76rem);margin-bottom:2px}.av-h{background:var(--av-h)}.av-f{background:var(--av-f)}.av-wrap{position:relative;flex-shrink:0}.av-dot{position:absolute;bottom:1px;right:1px;width:clamp(7px,2vw,10px);height:clamp(7px,2vw,10px);background:#34c759;border:2px solid var(--white);border-radius:50%}.chat-body{flex:1;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#fce4ec,#fff0f5 45%,#f8f0ff);padding:clamp(10px,2.5vw,16px) clamp(9px,2.5vw,14px);scroll-behavior:smooth;position:relative}.chat-body::-webkit-scrollbar{width:3px}.chat-body::-webkit-scrollbar-track{background:transparent}.chat-body::-webkit-scrollbar-thumb{background:#ff6b9d4d;border-radius:10px}.chat-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,107,157,.04) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;z-index:0}.date-chip{text-align:center;margin:clamp(8px,2vw,13px) 0;position:relative;z-index:1}.date-chip span{font-family:var(--main-font);background:#00000014;color:var(--gray-mid);font-size:clamp(.56rem,1.4vw,.68rem);font-weight:700;padding:3px 11px;border-radius:20px;letter-spacing:.04em}.msg-row{display:flex;align-items:flex-end;gap:clamp(4px,1.2vw,8px);margin-bottom:clamp(2px,.5vw,4px);position:relative;z-index:1;opacity:0;transform:translateY(10px);transition:opacity .32s ease,transform .32s ease}.msg-row.show{opacity:1;transform:translateY(0)}.msg-row.out{flex-direction:row-reverse}.msg-row.in{flex-direction:row}.bub-wrap{display:flex;flex-direction:column;max-width:clamp(185px,68%,252px)}.out .bub-wrap{align-items:flex-end}.in .bub-wrap{align-items:flex-start}.bub{font-family:var(--main-font);font-weight:600;font-size:clamp(.77rem,2.2vw,.91rem);line-height:1.46;padding:clamp(7px,1.8vw,10px) clamp(10px,2.8vw,14px);border-radius:22px;word-break:break-word;transition:transform .14s ease;cursor:default}.bub:hover{transform:scale(1.025)}.out .bub{background:linear-gradient(135deg,#ff6b9d,#e84d8a);color:var(--white);border-bottom-right-radius:5px;box-shadow:0 3px 14px #ff6b9d61}.in .bub{background:var(--white);color:var(--txt);border-bottom-left-radius:5px;box-shadow:0 3px 12px #00000017}.bub.emoji{background:transparent!important;box-shadow:none!important;font-size:clamp(1.6rem,5vw,2.2rem);padding:2px 4px}.bub-time{font-family:var(--main-font);font-size:clamp(.53rem,1.4vw,.63rem);font-weight:400;color:var(--gray-mid);margin-top:2px;padding:0 2px}.status-line{display:flex;align-items:center;gap:3px;padding:1px 3px 0;min-height:clamp(13px,3.5vw,16px);animation:fadeUp .3s ease both}.out .status-line{justify-content:flex-end}.in .status-line{justify-content:flex-start}@keyframes fadeUp{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.sl-txt{font-family:var(--main-font);font-size:clamp(.49rem,1.3vw,.6rem);font-weight:700}.sl-sending{color:var(--gray-mid)}.sl-delivered{color:#b0b0b8}.sl-seen{color:var(--pink)}.sl-seen-recv{color:#9b59b6}.sl-av{display:inline-flex;align-items:center;justify-content:center;width:clamp(10px,2.8vw,14px);height:clamp(10px,2.8vw,14px);border-radius:50%;font-family:var(--main-font);font-weight:700;font-size:.36rem;color:var(--white);flex-shrink:0;overflow:hidden;box-shadow:0 1px 4px #ff6b9d47}.sl-av img{width:100%;height:100%;object-fit:cover}.sl-av.h{background:var(--av-h)}.sl-av.f{background:var(--av-f)}.typing-row{display:flex;align-items:flex-end;gap:clamp(4px,1.2vw,8px);margin-bottom:clamp(3px,.8vw,6px);position:relative;z-index:1;opacity:0;transform:translateY(10px);transition:opacity .32s ease,transform .32s ease}.typing-row.show{opacity:1;transform:translateY(0)}.typing-bub{background:var(--white);border-radius:22px 22px 22px 5px;padding:clamp(9px,2.5vw,13px) clamp(13px,3.5vw,17px);box-shadow:0 3px 12px #00000017;display:flex;align-items:center;gap:clamp(3px,.9vw,5px)}.tdot{width:clamp(5px,1.4vw,7px);height:clamp(5px,1.4vw,7px);border-radius:50%;background:var(--gray-mid);animation:tdotAnim 1.2s ease-in-out infinite}.tdot:nth-child(1){animation-delay:0s}.tdot:nth-child(2){animation-delay:.2s}.tdot:nth-child(3){animation-delay:.4s}@keyframes tdotAnim{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.input-bar{background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.09);padding:clamp(8px,1.8vw,11px) clamp(8px,2.5vw,13px) clamp(18px,5vw,26px);display:flex;align-items:center;gap:clamp(5px,1.5vw,9px);flex-shrink:0}.inp-plus{background:none;border:none;cursor:pointer;font-size:clamp(1.15rem,3.2vw,1.42rem);color:var(--blue);flex-shrink:0;transition:transform .15s}.inp-plus:hover{transform:scale(1.1) rotate(45deg)}.inp-wrap{flex:1;background:var(--gray-lt);border-radius:24px;padding:clamp(7px,1.8vw,9px) clamp(12px,3vw,15px);display:flex;align-items:center;gap:6px;border:1.5px solid transparent;transition:border-color .2s,box-shadow .2s}.inp-wrap.focus{border-color:var(--pink-soft);box-shadow:0 0 0 3px #ff6b9d1f}.inp-field{flex:1;background:none;border:none;outline:none;font-family:var(--main-font);font-size:clamp(.76rem,2.1vw,.9rem);font-weight:600;color:var(--txt)}.inp-field::placeholder{color:#00000054;font-weight:400}.inp-mic{font-size:clamp(.9rem,2.2vw,1.1rem);cursor:pointer;flex-shrink:0}.inp-send{width:clamp(30px,8vw,36px);height:clamp(30px,8vw,36px);border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#e84d8a);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:clamp(.8rem,2vw,.98rem);font-weight:900;box-shadow:0 3px 12px #ff6b9d6b;transition:transform .15s,box-shadow .15s;flex-shrink:0}.inp-send:hover{transform:scale(1.1);box-shadow:0 4px 16px #ff6b9d8c}.inp-send:active{transform:scale(.93)}.inp-send:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.dp-btns{display:flex;gap:clamp(6px,2vw,10px);justify-content:center;align-items:center;padding:clamp(4px,1.2vw,7px) clamp(10px,3vw,16px);background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.06);flex-shrink:0}.dp-btn{display:flex;align-items:center;gap:clamp(3px,1vw,5px);background:#ff6b9d14;border:1px solid rgba(255,107,157,.22);border-radius:20px;padding:clamp(3px,.8vw,5px) clamp(8px,2.2vw,12px);cursor:pointer;font-family:var(--main-font);font-size:clamp(.56rem,1.5vw,.68rem);font-weight:700;color:var(--pink);transition:all .18s}.dp-btn:hover{background:#ff6b9d26;border-color:var(--pink);transform:scale(1.04)}.dp-btn .av{pointer-events:none}.close-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:linear-gradient(135deg,#1a0a1e,#2d0a3e 50%,#0a1a2e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.5rem,3vw,2.5rem);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.close-screen.show{opacity:1;visibility:visible}.close-txt{font-family:var(--heading-font);font-weight:400;font-size:clamp(1.8rem,6vw,3.5rem);color:var(--white);text-align:center;padding:0 clamp(1.5rem,3vw,2rem);animation:closePop .6s .2s cubic-bezier(.34,1.56,.64,1) both}@keyframes closePop{0%{opacity:0;transform:scale(.5) rotate(-6deg)}to{opacity:1;transform:scale(1) rotate(0)}}.close-hearts{display:flex;gap:clamp(.8rem,2vw,1.5rem);font-size:clamp(1.5rem,5vw,2.5rem);animation:closeHrt .6s .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes closeHrt{0%{opacity:0;transform:translateY(clamp(15px,3vw,25px))}to{opacity:1;transform:translateY(0)}}.close-hearts span{animation:pulse .85s ease-in-out infinite}.close-hearts span:nth-child(2){animation-delay:.2s}.close-hearts span:nth-child(3){animation-delay:.4s}@media (max-width: 1200px){.side-profile{transform:scale(.95)}.profile-card{width:clamp(160px,20vw,240px);padding:clamp(1.8rem,3.5vw,3rem) clamp(1.3rem,2.5vw,2rem)}}@media (max-width: 900px){.oc-page{gap:clamp(1rem,2vw,2rem)}.side-profile{display:none}:root{--fw: clamp(350px, 95vw, 420px)}}@media (max-width: 430px){:root{--fw: 100vw;--fh: 100svh}.phone{border-radius:0;box-shadow:none}.phone:before,.phone:after{display:none}.oc-page{background:var(--white)}.oc-page:before,.oc-bg-hearts{display:none}}@media (min-width: 768px){.phone{box-shadow:0 0 0 2px #3a3a3c,0 0 0 4px #2c2c2e,0 clamp(40px,8vw,55px) clamp(110px,22vw,150px) #000000b8,inset 0 0 0 1px #ffffff12}}:root{--f: "Poppins", sans-serif;--sn-bg: #f5f0e8;--sn-txt: #2d2d2d;--sn-muted: #888;--sn-dim: #bbb;--r: 16px;--r-sm: 10px}.sn-page{min-height:100vh;font-family:var(--f);background:#e8dcc8;background-image:repeating-linear-gradient(90deg,transparent,transparent 48px,rgba(0,0,0,.018) 48px,rgba(0,0,0,.018) 49px),repeating-linear-gradient(0deg,transparent,transparent 48px,rgba(0,0,0,.018) 48px,rgba(0,0,0,.018) 49px);position:relative;overflow-x:hidden;padding-bottom:clamp(3rem,8vw,6rem);color:var(--sn-txt)}.sn-bg-dots{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px);background-size:24px 24px;opacity:.4}.sn-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:clamp(.9rem,3vw,1.4rem) clamp(1rem,4vw,2rem);background:#ffffffb8;border-bottom:1.5px solid rgba(0,0,0,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 2px 12px #0000000f}.sn-hl{display:flex;align-items:center;gap:12px}.sn-hico{font-size:clamp(1.8rem,5vw,2.6rem);filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.sn-htitle{font-size:clamp(1rem,3.2vw,1.5rem);font-weight:700;color:#2d2d2d;letter-spacing:-.3px}.sn-hsub{font-size:clamp(.62rem,1.8vw,.78rem);color:var(--sn-muted);margin-top:1px}.sn-addbtn{display:flex;align-items:center;gap:6px;padding:clamp(.55rem,1.8vw,.78rem) clamp(1rem,3vw,1.5rem);background:#2d2d2d;border:none;border-radius:50px;color:#fff;font-size:clamp(.8rem,2vw,.92rem);font-weight:600;box-shadow:0 4px 14px #00000038;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap;letter-spacing:.2px}.sn-addbtn:hover{transform:translateY(-2px);background:#111;box-shadow:0 8px 22px #00000047}.sn-toolbar{position:relative;z-index:2;display:flex;align-items:center;padding:clamp(.6rem,2.5vw,1rem) clamp(1rem,4vw,2rem);background:#ffffff73;border-bottom:1px solid rgba(0,0,0,.05)}.sn-sw{position:relative;width:min(360px,100%)}.sn-sico{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.sn-sinput{width:100%;padding:.6rem 2.5rem .6rem 2.6rem;background:#fffc;border:1.5px solid rgba(0,0,0,.1);border-radius:50px;font-family:var(--f);font-size:clamp(.78rem,2vw,.88rem);color:#333;outline:none;transition:border-color .2s,background .2s}.sn-sinput::placeholder{color:#bbb}.sn-sinput:focus{border-color:#00000040;background:#fff}.sn-sx{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#aaa;font-size:.82rem;padding:2px}.sn-sx:hover{color:#555}.sn-main{position:relative;z-index:2;padding:clamp(1.2rem,3vw,2rem) clamp(1rem,4vw,2rem)}.sn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(230px,32vw,285px),1fr));gap:clamp(1.1rem,2.5vw,1.6rem);align-items:start}.sn-gitem{animation:snFadeUp .35s ease-out both;animation-delay:calc(var(--si)*.06s)}@keyframes snFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.sn-loading{display:flex;gap:8px;justify-content:center;padding:clamp(3rem,8vw,5rem)}.sn-loading span{width:10px;height:10px;border-radius:50%;background:#0003;animation:snBounce 1.3s ease-in-out infinite}.sn-loading span:nth-child(2){animation-delay:.22s}.sn-loading span:nth-child(3){animation-delay:.44s}@keyframes snBounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-10px);opacity:1}}.sn-empty{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:clamp(2.5rem,8vw,5rem) 1rem;text-align:center;color:var(--sn-muted)}.sn-eico{font-size:clamp(2.6rem,7vw,4rem);opacity:.45}.sn-eh{font-size:clamp(1rem,2.6vw,1.18rem);font-weight:700;color:#444}.sn-ep{font-size:clamp(.76rem,2vw,.88rem);line-height:1.7;max-width:280px}.sn-ebtn{margin-top:.4rem;padding:clamp(.6rem,2vw,.8rem) clamp(1.2rem,3.5vw,1.8rem);background:#2d2d2d;border:none;border-radius:50px;color:#fff;font-family:var(--f);font-size:clamp(.84rem,2.2vw,.96rem);font-weight:600;box-shadow:0 4px 14px #0000002e;transition:transform .18s}.sn-ebtn:hover{transform:translateY(-2px)}.sn-card{background:var(--nb, #fffde7);border:2px solid var(--nbr, #ffe082);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px #0000001a,0 1px 4px #0000000f;transition:transform .22s,box-shadow .22s}.sn-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 10px 28px #00000024,0 3px 8px #00000014}.sn-editing{transform:translateY(-6px) scale(1.02)!important;z-index:10;box-shadow:0 16px 40px #0000002e!important}.sn-flash{animation:snFlash .6s ease}@keyframes snFlash{0%,to{box-shadow:0 4px 12px #0000001a}50%{box-shadow:0 0 0 4px #4ade8080,0 6px 20px #0000001f}}.sn-hdr{background:var(--nh, #fff9c4);padding:clamp(10px,2.2vw,14px) clamp(12px,2.8vw,16px);display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1.5px solid var(--nbr, #ffe082);min-height:clamp(44px,8vw,54px)}.sn-topic-pill{display:flex;align-items:center;gap:6px;flex:1;min-width:0;background:#ffffff8c;border:1.5px solid rgba(0,0,0,.08);border-radius:50px;padding:clamp(4px,1vw,6px) clamp(10px,2.5vw,14px) clamp(4px,1vw,6px) clamp(8px,2vw,10px);max-width:calc(100% - 76px)}.sn-topic-icon{font-size:clamp(.82rem,2vw,1rem);flex-shrink:0;line-height:1}.sn-topic-label{font-size:clamp(.64rem,1.7vw,.75rem);font-weight:700;color:var(--nt,#555);letter-spacing:.8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-topic-ph{color:#0000004d;font-style:italic;font-weight:500;letter-spacing:0;text-transform:none}.sn-topic-inp{flex:1;background:none;border:none;outline:none;font-family:var(--f);font-size:clamp(.64rem,1.7vw,.75rem);font-weight:700;color:var(--nt,#555);letter-spacing:.8px;text-transform:uppercase;min-width:0}.sn-topic-inp::placeholder{color:#0000004d;text-transform:none;font-weight:400;letter-spacing:0}.sn-acts{display:flex;align-items:center;gap:4px;flex-shrink:0}.sn-act{width:clamp(28px,5vw,34px);height:clamp(28px,5vw,34px);border-radius:50%;border:none;background:#00000014;display:flex;align-items:center;justify-content:center;font-size:clamp(.7rem,1.8vw,.85rem);transition:background .18s,transform .15s}.sn-act:hover{background:#0000002e;transform:scale(1.12)}.sn-act-d:hover{background:#ef44442e!important}.sn-body{padding:clamp(14px,3vw,20px) clamp(16px,3.5vw,22px);font-size:clamp(.96rem,2.4vw,1.1rem);font-weight:500;line-height:1.7;color:#000000b8;white-space:pre-wrap;word-break:break-word;cursor:pointer;flex:1;min-height:clamp(90px,16vw,120px);text-align:center;display:flex;align-items:center;justify-content:center}.sn-body-ph{color:#00000047;font-style:italic;font-weight:400;font-size:clamp(.84rem,2.1vw,.96rem)}.sn-ta{width:100%;padding:clamp(14px,3vw,20px) clamp(16px,3.5vw,22px);background:transparent;border:none;outline:none;resize:none;font-family:var(--f);font-size:clamp(.92rem,2.3vw,1.05rem);font-weight:500;line-height:1.7;color:#000000bf;min-height:clamp(100px,18vw,140px);flex:1}.sn-ta::placeholder{color:#00000047;font-style:italic}.sn-ftr{padding:clamp(8px,2vw,11px) clamp(14px,3vw,18px);border-top:1px solid rgba(0,0,0,.07);background:#ffffff4d}.sn-ftr-row{display:flex;align-items:center;justify-content:flex-end;gap:6px}.sn-btn-c{background:#00000012;border:1.5px solid rgba(0,0,0,.12);border-radius:50px;padding:clamp(4px,1.2vw,6px) clamp(12px,2.8vw,16px);font-family:var(--f);font-size:clamp(.7rem,1.8vw,.82rem);font-weight:600;color:#00000080;transition:all .18s}.sn-btn-c:hover:not(:disabled){background:#00000024}.sn-btn-s{background:#2d2d2d;border:none;border-radius:50px;padding:clamp(4px,1.2vw,6px) clamp(12px,2.8vw,16px);font-family:var(--f);font-size:clamp(.7rem,1.8vw,.82rem);font-weight:700;color:#fff;transition:all .18s;box-shadow:0 2px 8px #0000002e}.sn-btn-s:hover:not(:disabled){background:#111}.sn-btn-s:disabled,.sn-btn-c:disabled{opacity:.5;cursor:not-allowed}.sn-ftr-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.sn-saved{font-size:clamp(.62rem,1.6vw,.72rem);color:#16a34a;font-weight:700;animation:snFadeUp .25s ease}.sn-ts{font-size:clamp(.57rem,1.5vw,.66rem);color:#0000004d;font-style:italic;margin-left:auto}.dm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:dmFadeIn .22s ease}@keyframes dmFadeIn{0%{opacity:0}to{opacity:1}}.dm-card{background:#fff;border-radius:24px;width:100%;max-width:420px;padding:clamp(1.8rem,5vw,2.6rem) clamp(1.6rem,4.5vw,2.4rem) clamp(1.6rem,4vw,2.2rem);display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2vw,1rem);box-shadow:0 32px 80px #00000047,0 8px 24px #00000024,0 0 0 1px #0000000f;animation:dmSlideUp .28s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes dmSlideUp{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dm-icon-wrap{width:clamp(58px,12vw,72px);height:clamp(58px,12vw,72px);background:linear-gradient(135deg,#fff1f2,#ffe4e6);border:2px solid #fecdd3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.1rem}.dm-icon{font-size:clamp(1.6rem,4vw,2rem);line-height:1}.dm-title{font-size:clamp(1rem,2.8vw,1.22rem);font-weight:800;color:#111;text-align:center;line-height:1.3;letter-spacing:-.3px}.dm-note-pill{display:flex;align-items:center;gap:6px;background:#f8f9fa;border:1.5px solid #e9ecef;border-radius:50px;padding:5px 14px;max-width:100%}.dm-note-name{font-size:clamp(.7rem,1.8vw,.8rem);font-weight:600;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.dm-divider{width:100%;height:1.5px;background:linear-gradient(90deg,transparent,#e5e7eb 20%,#e5e7eb 80%,transparent);margin:.1rem 0}.dm-label{font-size:clamp(.72rem,1.9vw,.84rem);font-weight:600;color:#666;letter-spacing:.4px;align-self:flex-start}.dm-field-wrap{position:relative;width:100%;display:flex;align-items:center}.dm-field-ico{position:absolute;left:14px;font-size:15px;pointer-events:none;z-index:1;line-height:1}.dm-input{width:100%;padding:clamp(.72rem,2.2vw,.9rem) 3rem clamp(.72rem,2.2vw,.9rem) 2.8rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:14px;font-family:var(--f);font-size:clamp(.88rem,2.3vw,1rem);font-weight:500;color:#111;outline:none;letter-spacing:2px;transition:border-color .22s,background .22s,box-shadow .22s}.dm-input::placeholder{letter-spacing:3px;color:#ccc}.dm-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3.5px #6366f11f}.dm-input-err{border-color:#ef4444!important;background:#fff5f5!important;box-shadow:0 0 0 3.5px #ef44441a!important}.dm-eye{position:absolute;right:12px;background:none;border:none;font-size:clamp(.95rem,2.5vw,1.1rem);opacity:.45;padding:4px;transition:opacity .2s}.dm-eye:hover{opacity:.9}.dm-error{width:100%;display:flex;align-items:center;gap:7px;background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;padding:.55rem 1rem;font-size:clamp(.7rem,1.9vw,.8rem);font-weight:600;color:#dc2626;animation:snFadeUp .22s ease}.dm-btns{display:flex;gap:10px;width:100%;margin-top:.2rem}.dm-btn-cancel{flex:1;padding:clamp(.7rem,2.2vw,.88rem);background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:14px;font-family:var(--f);font-size:clamp(.82rem,2.2vw,.94rem);font-weight:600;color:#555;transition:all .18s}.dm-btn-cancel:hover:not(:disabled){background:#e9ecef;color:#333}.dm-btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:clamp(.7rem,2.2vw,.88rem);background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:14px;font-family:var(--f);font-size:clamp(.82rem,2.2vw,.94rem);font-weight:700;color:#fff;box-shadow:0 4px 14px #ef444459;transition:all .18s}.dm-btn-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #ef444473}.dm-btn-delete:disabled{opacity:.55;cursor:not-allowed;transform:none}.dm-btn-cancel:disabled{opacity:.55;cursor:not-allowed}.dm-spin{width:14px;height:14px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;display:inline-block;animation:dmSpin .7s linear infinite}@keyframes dmSpin{to{transform:rotate(360deg)}}.dm-shake{animation:dmShake .55s cubic-bezier(.36,.07,.19,.97) both}@keyframes dmShake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(9px)}45%{transform:translate(-7px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes snFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.sn-header{flex-direction:column;align-items:flex-start}.sn-grid{grid-template-columns:1fr}.sn-toolbar{padding:.6rem 1rem}.sn-body{text-align:left}.dm-card{border-radius:20px}}@media (min-width: 640px){.sn-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(230px,30vw,275px),1fr))}}@media (min-width: 1100px){.sn-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr))}}.oq-wrap{min-height:100vh;background:#0a0515;font-family:Poppins,sans-serif;color:#fff;padding:24px 16px 80px;position:relative;overflow-x:hidden}.oq-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:oq-float 8s ease-in-out infinite}.oq-orb1{width:400px;height:400px;background:#b4197a2e;top:-100px;left:-100px}.oq-orb2{width:350px;height:350px;background:#7b3aff26;bottom:-80px;right:-80px;animation-delay:-4s}.oq-orb-f{background:#ff69b433!important}.oq-orb2-f{background:#b432ff2e!important}@keyframes oq-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.oq-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.oq-pt{position:absolute;font-size:clamp(12px,2vw,18px);opacity:0;animation:oq-rise 12s ease-in infinite;animation-delay:calc(var(--i)*1.2s);left:calc(5% + var(--i)*9%)}@keyframes oq-rise{0%{opacity:0;transform:translateY(100vh) rotate(0)}10%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translateY(-10vh) rotate(360deg)}}.oq-hero,.oq-home-cards,.oq-view,.oq-timer{position:relative;z-index:1}.oq-hero{max-width:700px;margin:0 auto 40px;text-align:center;padding-top:20px}.oq-hero-inner{margin-bottom:20px}.oq-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ff69b41f;border:1px solid rgba(255,105,180,.3);border-radius:50px;padding:6px 16px;font-size:12px;font-weight:600;color:#ff9dd8;margin-bottom:16px}.oq-dot{width:7px;height:7px;border-radius:50%;background:#ff69b4;animation:oq-pulse 1.5s ease-in-out infinite}@keyframes oq-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.oq-hero-h1{font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:clamp(36px,8vw,60px);font-weight:800;margin-bottom:12px;line-height:1.1}.oq-grad{background:linear-gradient(135deg,#ff69b4,#d63384,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.oq-hero-p{font-size:clamp(14px,3vw,16px);color:#ffffffa6;line-height:1.7;margin-bottom:16px}.oq-today-chip{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:8px 18px;font-size:13px;color:#ffffffb3}.oq-timer{display:inline-flex;align-items:center;gap:10px;background:#7b3aff26;border:1px solid rgba(123,58,255,.3);border-radius:50px;padding:10px 22px;font-size:14px;font-weight:600}.oq-timer-lbl{color:#ffffff8c}.oq-timer-val{color:#c084fc;font-family:monospace;font-size:16px;letter-spacing:1px}.oq-blink{animation:oq-blink 1s step-start infinite}@keyframes oq-blink{0%,to{opacity:1}50%{opacity:0}}.oq-home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:780px;margin:0 auto}.oq-home-card{position:relative;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);border-radius:24px;padding:32px 28px 28px;text-align:left;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.oq-home-card:hover{transform:translateY(-6px)}.oq-card-hassan:hover{border-color:#6478ff80;box-shadow:0 20px 50px #6478ff2e}.oq-card-fiza:hover{border-color:#ff69b480;box-shadow:0 20px 50px #ff69b42e}.oq-card-glow{position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;filter:blur(60px);pointer-events:none}.oq-glow-h{background:#6478ff40}.oq-glow-f{background:#ff69b440}.oq-card-icon{font-size:40px;margin-bottom:14px;display:block}.oq-card-title{font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:22px;font-weight:800;margin-bottom:8px}.oq-card-title{color:#fff!important}.oq-card-desc{font-size:13px;color:#ffffff8c;line-height:1.6;margin-bottom:18px}.oq-card-preview{background:#ffffff0d;border-radius:12px;padding:12px 14px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;transition:opacity .3s}.oq-card-preview.oq-flip{opacity:0}.oq-prev-em{font-size:20px;flex-shrink:0}.oq-prev-q{font-size:12px;color:#fff9;line-height:1.5;font-style:italic}.oq-card-btn{display:flex;align-items:center;justify-content:center;border-radius:50px;padding:10px 20px;font-size:13px;font-weight:700;width:100%;box-sizing:border-box}.oq-btn-h{background:linear-gradient(135deg,#5b5eff,#7c4dff);color:#fff}.oq-btn-f{background:linear-gradient(135deg,#d63384,#ff69b4);color:#fff}.oq-view{max-width:860px;margin:0 auto}.oq-back{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;border-radius:50px;padding:8px 18px;font-size:13px;cursor:pointer;margin-bottom:24px;transition:background .2s}.oq-back:hover{background:#ffffff1f}.oq-view-head{text-align:center;margin-bottom:28px}.oq-vbadge{display:inline-block;border-radius:50px;padding:5px 16px;font-size:12px;font-weight:700;margin-bottom:10px}.oq-vbadge-h{background:#6478ff26;border:1px solid rgba(100,120,255,.3);color:#a5b4fc}.oq-vbadge-f{background:#ff69b41f;border:1px solid rgba(255,105,180,.3);color:#ff9dd8}.oq-view-title{font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:clamp(24px,5vw,36px);font-weight:800;margin-bottom:6px}.oq-view-date,.oq-view-sub{font-size:13px;color:#ffffff80}.oq-qcard{position:relative;background:linear-gradient(135deg,#b4197a2e,#6478ff1f);border:1px solid rgba(255,105,180,.25);border-radius:20px;padding:32px 28px;text-align:center;margin-bottom:28px;overflow:hidden;transition:opacity .3s,transform .3s}.oq-qcard.oq-flip{opacity:0;transform:rotateY(90deg)}.oq-qcard-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,105,180,.12),transparent 70%);pointer-events:none}.oq-qcard-em{font-size:52px;display:block;margin-bottom:14px}.oq-qcard-q{font-size:clamp(16px,3.5vw,20px);font-weight:600;line-height:1.6;color:#ffffffeb;margin-bottom:12px}.oq-qcard-by{font-size:12px;color:#fff6}.oq-section{margin-bottom:28px}.oq-sec-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.oq-sec-label{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff73}.oq-sec-count{background:#ff69b426;border-radius:20px;padding:2px 10px;font-size:11px;color:#ff9dd8}.oq-waiting{text-align:center;padding:28px;background:#ffffff08;border-radius:16px;color:#fff6;margin-bottom:6px}.oq-waiting-em{font-size:32px;display:block;margin-bottom:8px}.oq-ans-list{display:flex;flex-direction:column;gap:12px}.oq-ans-card{border-radius:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.07)}.oq-ans-fiza{background:#ff69b414;border-color:#ff69b433}.oq-ans-hassan{background:#6478ff14;border-color:#6478ff33}.oq-ans-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.oq-ans-who{display:flex;align-items:center;gap:8px}.oq-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.oq-av-f{background:linear-gradient(135deg,#d63384,#ff69b4)}.oq-av-h{background:linear-gradient(135deg,#5b5eff,#7c4dff)}.oq-ans-name{font-weight:700;font-size:13px}.oq-ans-time{font-size:11px;color:#fff6}.oq-ans-ref{font-size:12px;color:#ffffff59;font-style:italic;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.oq-ans-text{font-size:15px;line-height:1.7;color:#ffffffe0;white-space:pre-wrap}.oq-del{background:#ff3b3b1f;border:1px solid rgba(255,59,59,.2);color:#ff7878cc;border-radius:8px;padding:4px 8px;font-size:14px;cursor:pointer;transition:background .2s,transform .15s;flex-shrink:0}.oq-del:hover{background:#ff3b3b40;transform:scale(1.1)}.oq-del-sm{padding:2px 6px;font-size:12px}.oq-form{display:flex;flex-direction:column;gap:10px}.oq-ta{width:100%;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;padding:14px 16px;resize:vertical;transition:border-color .2s;box-sizing:border-box}.oq-ta:focus{outline:none;border-color:#ff69b480}.oq-ta-f:focus{border-color:#ff69b480}.oq-cnt{font-size:11px;color:#ffffff4d;text-align:right}.oq-sub{padding:12px 24px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.oq-sub:hover:not(:disabled){transform:translateY(-2px);opacity:.9}.oq-sub:disabled{opacity:.4;cursor:not-allowed}.oq-sub-f{background:linear-gradient(135deg,#d63384,#ff69b4);color:#fff}.oq-sub-h{background:linear-gradient(135deg,#5b5eff,#7c4dff);color:#fff}.oq-form-row{display:flex;gap:10px}.oq-cancel{padding:11px 20px;border-radius:50px;font-size:13px;cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff9;flex:1}.oq-done{text-align:center;padding:32px 24px;background:#ff69b414;border:1px solid rgba(255,105,180,.2);border-radius:20px;animation:oq-pop .4s ease}.oq-done-sm{padding:18px 16px}.oq-done span{font-size:40px;display:block;margin-bottom:10px}.oq-done h3{font-size:18px;font-weight:700;margin-bottom:6px}.oq-done p{font-size:13px;color:#ffffff8c}@keyframes oq-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.oq-past{opacity:.9}.oq-past-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;margin-bottom:12px}.oq-past-date{font-size:11px;color:#ffffff59;margin-bottom:6px;font-weight:600}.oq-past-q{font-size:13px;color:#ffffff80;margin-bottom:10px;font-style:italic}.oq-past-ans{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.05)}.oq-past-ans p{font-size:13px;color:#ffffffbf;flex:1;line-height:1.6}.oq-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:start}.oq-col{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:22px 20px;display:flex;flex-direction:column;gap:16px}.oq-col-head{font-size:13px;font-weight:700;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.oq-col-head-f{color:#ff9dd8}.oq-col-head-h{color:#a5b4fc}.oq-q-list{display:flex;flex-direction:column;gap:10px}.oq-q-item{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .2s,background .2s}.oq-q-item:hover:not(.oq-q-answered){border-color:#ff69b466;background:#ff69b40f}.oq-q-active{border-color:#6478ff80!important;background:#6478ff14!important}.oq-q-answered{opacity:.7;cursor:default}.oq-q-body{display:flex;gap:8px;margin-bottom:8px}.oq-q-icon{flex-shrink:0}.oq-q-text{font-size:13px;line-height:1.5;color:#ffffffd9}.oq-q-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oq-q-time{font-size:11px;color:#ffffff59;flex:1}.oq-q-badge{font-size:11px;border-radius:20px;padding:2px 10px;font-weight:600}.oq-q-done{background:#22c55e1f;color:#86efac}.oq-q-wait{background:#fbbf241f;color:#fde68a}.oq-reply-box{background:#6478ff12;border:1.5px solid rgba(100,120,255,.25);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.oq-reply-q{font-size:12px;color:#ffffff80;line-height:1.5}.oq-reply-q em{color:#ffffffbf;font-style:italic}.oq-empty-state{text-align:center;padding:40px 20px;color:#ffffff4d}.oq-empty-state span{font-size:36px;display:block;margin-bottom:12px}.oq-empty-state p{font-size:13px;line-height:1.6}.oq-pw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#05020ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:20px}.oq-pw-card{background:#ffffff0d;border:1.5px solid rgba(255,105,180,.25);border-radius:28px;padding:40px 36px;text-align:center;width:100%;max-width:380px}.oq-pw-orb{font-size:56px;margin-bottom:16px;display:block}.oq-pw-title{font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:24px;font-weight:800;margin-bottom:8px}.oq-pw-sub{font-size:14px;color:#ffffff8c;margin-bottom:24px}.oq-pw-form{display:flex;flex-direction:column;gap:12px}.oq-pw-row{display:flex;gap:8px}.oq-pw-input{flex:1;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;outline:none;transition:border-color .2s}.oq-pw-input:focus{border-color:#ff69b480}.oq-eye{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:0 14px;font-size:18px;cursor:pointer}.oq-pw-err{font-size:13px;color:#ff8da1;background:#ff32501a;border:1px solid rgba(255,50,80,.2);border-radius:10px;padding:8px 12px}.oq-pw-btn{padding:13px;border-radius:50px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#d63384,#ff69b4);color:#fff;cursor:pointer;border:none;transition:opacity .2s,transform .15s}.oq-pw-btn:disabled{opacity:.5}.oq-pw-btn:hover:not(:disabled){transform:translateY(-2px)}.oq-pw-foot{font-size:12px;color:#ffffff40;margin-top:16px}.oq-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:oq-spin .7s linear infinite;display:inline-block}@keyframes oq-spin{to{transform:rotate(360deg)}}.oq-shake{animation:oq-shake .5s ease}@keyframes oq-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@media (max-width:600px){.oq-two-col,.oq-home-cards{grid-template-columns:1fr}.oq-pw-card{padding:28px 20px}.oq-qcard{padding:24px 18px}.oq-card-title{color:#fff!important}}:root{--love-c: #ff4d79;--love-g: linear-gradient(135deg, #ff4d79, #ff8fab);--love-glow:rgba(255,77,121,.5);--like-c: #f59e0b;--like-g: linear-gradient(135deg, #f59e0b, #fcd34d);--like-glow:rgba(245,158,11,.5);--miss-c: #a855f7;--miss-g: linear-gradient(135deg, #a855f7, #c084fc);--miss-glow:rgba(168,85,247,.5);--hate-c: #64748b;--hate-g: linear-gradient(135deg, #64748b, #94a3b8);--hate-glow:rgba(100,116,139,.5);--deep: #0f0a1e;--mid: #1a0d30;--card-bg: rgba(255,255,255,.055);--card-bd: rgba(255,255,255,.1);--cream: rgba(255,255,255,.82);--muted: rgba(255,255,255,.45)}html{scroll-behavior:smooth}body{font-family:Comic Sans MS,Comic Sans,cursive;background:linear-gradient(160deg,#0f0a1e,#1a0d30 40%,#0d1530,#12082a);min-height:100vh;color:var(--cream);overflow-x:hidden}.fz-orb{position:fixed;border-radius:50%;pointer-events:none;filter:blur(90px);z-index:0;will-change:transform;animation:fzOrb 18s ease-in-out infinite}.fz-orb1{width:520px;height:520px;background:radial-gradient(circle,rgba(255,77,121,.14),transparent 70%);top:-160px;left:-140px}.fz-orb2{width:440px;height:440px;background:radial-gradient(circle,rgba(168,85,247,.16),transparent 70%);bottom:-120px;right:-100px;animation-delay:8s}.fz-orb3{width:300px;height:300px;background:radial-gradient(circle,rgba(245,158,11,.08),transparent 70%);top:45%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes fzOrb{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.2) translate(18px,-18px)}}.fz-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.fz-star{position:absolute;background:#fff;border-radius:50%;animation:fzTwinkle ease-in-out infinite;will-change:opacity}@keyframes fzTwinkle{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.7;transform:scale(1.6)}}.fz-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.fz-particle{position:absolute;opacity:.14;animation:fzParFloat ease-in-out infinite;font-size:clamp(.9rem,2vw,1.3rem)}@keyframes fzParFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(10deg)}}.fz-burst-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.fz-burst-piece{position:absolute;font-size:1.5rem;pointer-events:none;animation:fzBurstFly 1.1s cubic-bezier(.2,.8,.4,1) forwards}@keyframes fzBurstFly{0%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--bx,0px)),calc(-50% + var(--by,-120px))) scale(.4) rotate(var(--br,30deg))}}.fz-page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 1rem 5rem}.fz-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1rem 3rem;gap:1.1rem;max-width:560px;width:100%}.fz-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ff4d791f;border:1px solid rgba(255,77,121,.32);border-radius:50px;padding:.4rem 1.3rem;font-size:.78rem;font-weight:800;color:#ffb3c6;letter-spacing:2px;text-transform:uppercase;animation:fzFadeUp .7s ease both}.fz-hero-dot{width:7px;height:7px;border-radius:50%;background:#ff4d79;box-shadow:0 0 8px #ff4d79;animation:fzDotPulse 1.6s ease-in-out infinite}@keyframes fzDotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.35}}.fz-hero-emoji-row{display:flex;gap:1rem;font-size:2.4rem;animation:fzFadeUp .8s .1s ease both}.fz-hero-emoji-row span{display:inline-block;animation:fzBounce 2.5s ease-in-out infinite;cursor:default}.fz-hero-emoji-row span:nth-child(2){animation-delay:.3s}.fz-hero-emoji-row span:nth-child(3){animation-delay:.6s}.fz-hero-emoji-row span:nth-child(4){animation-delay:.9s}.fz-hero-emoji-row span:nth-child(5){animation-delay:1.2s}@keyframes fzBounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(4deg)}}.fz-hero-title{font-size:clamp(2rem,6.5vw,3.8rem);font-weight:900;line-height:1.2;background:linear-gradient(135deg,#ff4d79,#ffb3c6 50%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fzFadeUp .9s .15s ease both}.fz-hero-sub{font-size:clamp(.88rem,2.3vw,1.05rem);color:var(--muted);line-height:1.85;max-width:420px;animation:fzFadeUp 1s .25s ease both}.fz-hero-heart{font-size:3.5rem;animation:fzHeartBeat 2s ease-in-out infinite,fzFadeUp 1s .3s ease both;filter:drop-shadow(0 0 20px rgba(255,77,121,.6))}@keyframes fzHeartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}@keyframes fzFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fz-cards-section{width:100%;max-width:700px;display:flex;flex-direction:column;gap:1.6rem;padding-bottom:2rem}.fz-card{background:var(--card-bg);border:1.5px solid var(--card-bd);border-radius:28px;padding:2rem 1.8rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:fzCardIn .6s ease both}.fz-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0000004d}@keyframes fzCardIn{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fz-card:nth-child(1){animation-delay:.05s}.fz-card:nth-child(2){animation-delay:.15s}.fz-card:nth-child(3){animation-delay:.25s}.fz-card:nth-child(4){animation-delay:.35s}.fz-card[data-type=love]{border-top:3px solid var(--love-c)}.fz-card[data-type=like]{border-top:3px solid var(--like-c)}.fz-card[data-type=miss]{border-top:3px solid var(--miss-c)}.fz-card[data-type=hate]{border-top:3px solid var(--hate-c)}.fz-card:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);pointer-events:none}.fz-card-icon{font-size:2.4rem;display:block;margin-bottom:.6rem}.fz-card-heading{font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:900;margin-bottom:.45rem;line-height:1.2}.fz-card[data-type=love] .fz-card-heading{color:#ff8fab}.fz-card[data-type=like] .fz-card-heading{color:#fcd34d}.fz-card[data-type=miss] .fz-card-heading{color:#c084fc}.fz-card[data-type=hate] .fz-card-heading{color:#94a3b8}.fz-card-sub{font-size:.85rem;color:var(--muted);margin-bottom:1.5rem;line-height:1.6}.fz-yn-row{display:flex;gap:.85rem}.fz-yn-btn{flex:1;padding:.85rem 1rem;border-radius:18px;border:2px solid transparent;font-family:Comic Sans MS,Comic Sans,cursive;font-size:1rem;font-weight:900;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,opacity .25s;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.4rem;-webkit-tap-highlight-color:transparent}.fz-yn-btn:hover{transform:translateY(-4px) scale(1.04)}.fz-yn-btn:active{transform:scale(.93)}.fz-yn-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.fz-yn-yes{background:var(--c-grad, linear-gradient(135deg,#ff4d79,#ff8fab));color:#fff;box-shadow:0 6px 22px var(--c-glow, rgba(255,77,121,.4))}.fz-yn-yes:hover{box-shadow:0 10px 30px var(--c-glow, rgba(255,77,121,.55))}.fz-yn-no{background:#ffffff0f;border-color:#ffffff26;color:var(--cream)}.fz-yn-no:hover{background:#ffffff1f;border-color:#ffffff4d}.fz-yn-yes:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);border-radius:inherit;transform:translate(-100%);pointer-events:none}.fz-yn-yes:hover:after{transform:translate(120%);transition:transform .55s ease}.fz-response{margin-top:1.1rem;padding:1rem 1.2rem;border-radius:18px;text-align:center;font-size:clamp(.88rem,2.2vw,1rem);font-weight:700;line-height:1.7;animation:fzPopIn .45s cubic-bezier(.34,1.4,.64,1) both}@keyframes fzPopIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.fz-response.yes{background:#ff4d791f;border:1.5px solid rgba(255,77,121,.28);color:#ffb3c6}.fz-response.yes.like-yes{background:#f59e0b1a;border-color:#f59e0b47;color:#fde68a}.fz-response.yes.miss-yes{background:#a855f71a;border-color:#a855f747;color:#e9d5ff}.fz-response.yes.hate-yes{background:#64748b1a;border-color:#64748b47;color:#cbd5e1}.fz-response.no{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);color:var(--muted);font-size:2.2rem;letter-spacing:.3rem}.fz-waiting{max-width:500px;width:100%;text-align:center;padding:1.8rem 2rem;background:var(--card-bg);border:1.5px solid var(--card-bd);border-radius:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fzFadeUp .8s .5s ease both;opacity:0}.fz-waiting-emoji{font-size:2rem;display:block;margin-bottom:.6rem}.fz-waiting-title{font-size:1.05rem;font-weight:900;color:#ffb3c6;margin-bottom:.4rem}.fz-waiting-sub{font-size:.82rem;color:var(--muted);line-height:1.7}.fz-waiting-dots{display:inline-flex;gap:5px;margin-top:.7rem}.fz-waiting-dots span{width:7px;height:7px;border-radius:50%;background:#ff4d79;opacity:.4;animation:fzDotBounce 1.4s ease-in-out infinite}.fz-waiting-dots span:nth-child(2){animation-delay:.22s}.fz-waiting-dots span:nth-child(3){animation-delay:.44s}@keyframes fzDotBounce{0%,80%,to{transform:scale(1);opacity:.4}40%{transform:scale(1.5);opacity:1}}.fz-footer{margin-top:2rem;font-size:.8rem;color:#ffb3c659;text-align:center}@media (max-width:480px){.fz-card{padding:1.5rem 1.2rem;border-radius:22px}.fz-yn-btn{padding:.75rem .7rem;font-size:.92rem;border-radius:14px}.fz-cards-section{gap:1.2rem}.fz-hero{padding:3rem 1rem 2rem}}@media (max-width:360px){.fz-yn-row{flex-direction:column}}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px 1rem 60px}.err-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(12px);animation:errOrbFloat 9s ease-in-out infinite}.err-orb-1{width:480px;height:480px;background:radial-gradient(circle,rgba(255,105,180,.1) 0%,transparent 70%);top:-120px;right:-120px}.err-orb-2{width:360px;height:360px;background:radial-gradient(circle,rgba(186,85,211,.08) 0%,transparent 70%);bottom:-60px;left:-80px;animation-delay:-3.5s}.err-orb-3{width:240px;height:240px;background:radial-gradient(circle,rgba(255,215,0,.05) 0%,transparent 70%);top:40%;left:46%;animation-delay:-6s}@keyframes errOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(14px,-18px) scale(1.04)}66%{transform:translate(-9px,11px) scale(.97)}}.err-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.err-particle{position:absolute;bottom:-20px;-webkit-user-select:none;user-select:none;animation:errParticleRise linear forwards;opacity:.55}@keyframes errParticleRise{0%{transform:translateY(0) rotate(0);opacity:.55}80%{opacity:.4}to{transform:translateY(-110vh) rotate(25deg);opacity:0}}.err-hero{position:relative;z-index:1;width:100%;display:flex;justify-content:center}.err-hero-inner{text-align:center;max-width:700px;width:100%}.err-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff69b426,#ba55d31a);border:1px solid rgba(255,105,180,.4);padding:.45rem 1.3rem .45rem 1rem;border-radius:50px;margin-bottom:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #ff69b426}.err-badge-dot{width:8px;height:8px;background:#ff69b4;border-radius:50%;animation:errLivePulse 1.5s ease-in-out infinite}@keyframes errLivePulse{0%,to{box-shadow:0 0 #ff69b499}50%{box-shadow:0 0 0 7px #ff69b400}}.err-badge-text{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:700;font-size:clamp(.72rem,1.8vw,.85rem);color:#ff69b4;letter-spacing:1.5px;text-transform:uppercase}.err-404-wrap{display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,2vw,1rem);margin-bottom:1.2rem}.err-404-num{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:900;font-size:clamp(5rem,18vw,10rem);line-height:1;background:linear-gradient(135deg,#ff69b4cc,#ba55d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,105,180,.3));animation:err404Pulse 3s ease-in-out infinite}@keyframes err404Pulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,105,180,.2))}50%{filter:drop-shadow(0 0 50px rgba(255,105,180,.5))}}.err-404-heart{font-size:clamp(3rem,10vw,6rem);animation:errHeartBeat 1.4s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(255,105,180,.5))}@keyframes errHeartBeat{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-8deg)}50%{transform:scale(1) rotate(0)}75%{transform:scale(1.15) rotate(6deg)}}.err-title{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:800;font-size:clamp(1.6rem,4.5vw,3rem);color:#fff;margin-bottom:1rem;text-shadow:0 2px 20px rgba(255,255,255,.1)}.err-subtitle{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:500;font-size:clamp(.88rem,2vw,1.05rem);color:#fff9;line-height:1.75;margin-bottom:2rem}.err-br{display:none}@media (min-width:480px){.err-br{display:block}}.err-illustration{position:relative;background:#ffffff0a;border:1.5px solid rgba(255,105,180,.18);border-radius:22px;padding:clamp(1.2rem,3vw,2rem) clamp(1.4rem,3.5vw,2.5rem);margin:0 auto 2.5rem;max-width:480px;overflow:hidden;display:flex;align-items:center;gap:1.2rem;text-align:left}.err-ill-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(255,105,180,.05),transparent 70%);pointer-events:none}.err-ill-emoji{font-size:clamp(1.8rem,4vw,2.5rem);flex-shrink:0}.err-ill-text{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:500;font-size:clamp(.8rem,1.7vw,.9rem);color:#ffffff8c;line-height:1.6;margin:0}.err-code{font-family:Courier New,monospace;font-size:clamp(.78rem,1.6vw,.9rem);color:#ff9dd8;background:#ff69b41a;border-radius:6px;padding:.15rem .5rem;display:inline-block;margin-bottom:.3rem;word-break:break-all}.err-buttons{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-bottom:2rem}.err-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:700;font-size:clamp(.85rem,1.8vw,.95rem);border-radius:50px;padding:clamp(.7rem,1.8vw,.9rem) clamp(1.4rem,3vw,2rem);cursor:pointer;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .3s;position:relative;overflow:hidden;border:none}.err-btn: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 .45s}.err-btn:hover:before{left:100%}.err-btn:hover{transform:translateY(-4px);filter:brightness(1.1)}.err-btn-icon{font-size:1.05rem}.err-btn-primary{background:linear-gradient(135deg,#ff69b4,#ba55d3);color:#fff;box-shadow:0 4px 22px #ff69b473}.err-btn-primary:hover{box-shadow:0 10px 30px #ff69b499}.err-btn-secondary{background:#ffffff12;color:#fffc;border:1.5px solid rgba(255,255,255,.14)!important}.err-btn-secondary:hover{background:#ff69b41a;border-color:#ff69b466!important;color:#fff}.err-quick-links{margin-bottom:2.5rem}.err-quick-label{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:700;font-size:clamp(.72rem,1.5vw,.8rem);color:#ffffff59;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:.75rem}.err-quick-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.err-quick-chip{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff0d;border:1px solid rgba(255,105,180,.2);border-radius:50px;padding:.35rem .9rem;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:600;font-size:clamp(.72rem,1.5vw,.82rem);color:#fff9;text-decoration:none;transition:background .25s,border-color .25s,color .25s,transform .25s}.err-quick-chip:hover{background:#ff69b41f;border-color:#ff69b473;color:#ff9dd8;transform:translateY(-2px)}.err-bottom-note{font-family:Comic Sans MS,Comic Sans,cursive;font-weight:500;font-size:clamp(.75rem,1.6vw,.85rem);color:#ffffff47;line-height:1.7}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--jv-font: "Poppins", sans-serif;--jv-radius: 20px;--jv-transition: .38s cubic-bezier(.4, 0, .2, 1)}.jv-split-row,.jv-ed-item{opacity:0;transform:translateY(36px);transition:opacity .65s ease,transform .65s ease}.jv-split-row.jv-visible,.jv-ed-item.jv-visible{opacity:1;transform:translateY(0)}.jv-split-row:nth-child(1),.jv-ed-item:nth-child(1){transition-delay:.05s}.jv-split-row:nth-child(2),.jv-ed-item:nth-child(2){transition-delay:.12s}.jv-split-row:nth-child(3),.jv-ed-item:nth-child(3){transition-delay:.19s}.jv-split-row:nth-child(4),.jv-ed-item:nth-child(4){transition-delay:.26s}.jv-split-row:nth-child(5),.jv-ed-item:nth-child(5){transition-delay:.33s}.jv-wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem}.jv-sec-hd{text-align:center;margin-bottom:clamp(2.5rem,5vw,5rem)}.jv-sec-tag{font-family:var(--jv-font);font-size:clamp(.7rem,1.5vw,.8rem);font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--primary-color);margin-bottom:.7rem}.jv-sec-title{font-family:var(--jv-font);font-size:clamp(1.8rem,5vw,3.2rem);font-weight:800;line-height:1.2;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.jv-sec-desc{font-family:var(--jv-font);font-size:clamp(.9rem,2vw,1rem);font-weight:400;color:#ffffff8c;line-height:1.8;max-width:600px;margin:0 auto}.jv-hero{min-height:100vh;display:flex;align-items:center;padding:100px 1.5rem 80px;position:relative;overflow:hidden}.jv-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 15% 40%,rgba(255,105,180,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 65%,rgba(186,85,211,.07) 0%,transparent 60%);pointer-events:none}.jv-orb{position:absolute;border-radius:50%;pointer-events:none}.jv-orb1{width:550px;height:550px;background:radial-gradient(circle,rgba(255,105,180,.1) 0%,transparent 70%);top:-150px;right:-150px;filter:blur(10px);animation:jvOrbDrift 10s ease-in-out infinite}.jv-orb2{width:400px;height:400px;background:radial-gradient(circle,rgba(186,85,211,.1) 0%,transparent 70%);bottom:-100px;left:-100px;filter:blur(8px);animation:jvOrbDrift 12s ease-in-out infinite reverse}.jv-orb3{width:250px;height:250px;background:radial-gradient(circle,rgba(255,215,0,.06) 0%,transparent 70%);top:35%;left:42%;filter:blur(6px);animation:jvOrbDrift 8s ease-in-out infinite;animation-delay:-4s}@keyframes jvOrbDrift{0%,to{transform:translate(0)}50%{transform:translate(20px,-25px)}}.jv-hero-inner{position:relative;z-index:1;max-width:820px;margin:0 auto;text-align:center}.jv-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#ff69b41a;border:1px solid rgba(255,105,180,.35);padding:.4rem 1.2rem .4rem .9rem;border-radius:50px;margin-bottom:2rem;font-family:var(--jv-font);font-size:clamp(.72rem,1.6vw,.82rem);font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.jv-eyedot{width:7px;height:7px;background:var(--primary-color);border-radius:50%;animation:jvPulse 1.6s ease-in-out infinite}@keyframes jvPulse{0%,to{box-shadow:0 0 #ff69b4b3}50%{box-shadow:0 0 0 7px #ff69b400}}.jv-h1{margin-bottom:1.8rem;letter-spacing:-.5px}.jv-h1 span{display:block;line-height:1.2}.jv-h1-a{font-family:var(--jv-font);font-size:clamp(1.1rem,3vw,1.7rem);font-weight:400;color:#ffffff8c;margin-bottom:.3rem}.jv-h1-b{font-family:var(--jv-font);font-size:clamp(2rem,6vw,4.5rem);font-weight:800;color:#fff;margin-bottom:.4rem;text-shadow:0 2px 40px rgba(255,255,255,.06)}.jv-h1-c{font-family:var(--jv-font);font-size:clamp(1.7rem,5.5vw,4rem);font-weight:800;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:jvGradShift 5s ease infinite;filter:drop-shadow(0 0 25px rgba(255,105,180,.25))}@keyframes jvGradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.jv-hero-desc{font-family:var(--jv-font);font-size:clamp(.9rem,2vw,1.05rem);font-weight:400;color:#fff9;line-height:1.9;max-width:640px;margin:0 auto 2.5rem}.jv-divider{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;max-width:400px;margin-left:auto;margin-right:auto}.jv-div-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,105,180,.4),transparent)}.jv-div-icon{font-size:1.4rem;animation:jvHeartBeat 1.8s ease-in-out infinite}@keyframes jvHeartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.jv-stat-grid{display:flex;flex-direction:column;gap:1.2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--jv-radius);padding:clamp(1.5rem,3vw,2.5rem);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:600px;margin:0 auto}.jv-stat-bar{display:flex;flex-direction:column;gap:.4rem}.jv-stat-top{display:flex;justify-content:space-between;align-items:center}.jv-stat-label{font-family:var(--jv-font);font-size:clamp(.8rem,1.8vw,.9rem);font-weight:500;color:#ffffffbf}.jv-stat-val{font-family:var(--jv-font);font-size:clamp(.82rem,1.8vw,.92rem);font-weight:700}.jv-stat-track{height:8px;background:#ffffff14;border-radius:100px;overflow:hidden}.jv-stat-fill{height:100%;border-radius:100px;transition:width .05s linear;box-shadow:0 0 8px currentColor}.jv-split-section{padding:clamp(80px,10vw,130px) 0;position:relative}.jv-split-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(186,85,211,.03) 0%,transparent 70%);pointer-events:none}.jv-split-list{display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,5rem);position:relative;margin-top:1rem}@media (min-width: 768px){.jv-split-list:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,105,180,.2) 10%,rgba(255,105,180,.2) 90%,transparent);transform:translate(-50%)}}.jv-split-row{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center}.jv-split-left{display:flex;flex-direction:column;align-items:center;gap:.8rem}.jv-emoji-wrap{position:relative;width:clamp(90px,14vw,130px);height:clamp(90px,14vw,130px);display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:30px;border:1px solid rgba(255,105,180,.15);transition:transform var(--jv-transition),box-shadow var(--jv-transition)}.jv-split-row:hover .jv-emoji-wrap{transform:scale(1.06) rotate(-3deg);box-shadow:0 12px 40px #ff69b42e}.jv-emoji{font-size:clamp(2.2rem,6vw,3.5rem);z-index:1;position:relative}.jv-emoji-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:36px;border:1px dashed rgba(255,105,180,.2);animation:jvRingRotate 12s linear infinite}@keyframes jvRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jv-split-tag{font-family:var(--jv-font);font-size:clamp(.68rem,1.4vw,.76rem);font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--primary-color)}.jv-split-right{position:relative;padding:clamp(1.2rem,2.5vw,2rem);background:#ffffff08;border-radius:var(--jv-radius);border:1px solid rgba(255,255,255,.06);transition:border-color var(--jv-transition),background var(--jv-transition)}.jv-split-row:hover .jv-split-right{border-color:#ff69b433;background:#ff69b408}.jv-split-num{position:absolute;top:-1rem;left:1.5rem;font-family:var(--jv-font);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;color:#ff69b412;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.jv-split-h3{font-family:var(--jv-font);font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:700;color:#fff;margin-bottom:.8rem;position:relative;z-index:1}.jv-split-p{font-family:var(--jv-font);font-size:clamp(.88rem,2vw,.97rem);font-weight:400;color:#ffffff94;line-height:1.85;position:relative;z-index:1}.jv-split-underline{width:40px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px;margin-top:1.2rem;transition:width var(--jv-transition)}.jv-split-row:hover .jv-split-underline{width:80px}@media (min-width: 768px){.jv-split-row{grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)}.jv-split-row.jv-row-flip .jv-split-left{order:2}.jv-split-row.jv-row-flip .jv-split-right{order:1;text-align:right}.jv-split-row.jv-row-flip .jv-split-underline{margin-left:auto}.jv-split-row.jv-row-flip .jv-split-num{left:auto;right:1.5rem}}.jv-editorial{padding:clamp(80px,10vw,130px) 0;position:relative;overflow:hidden}.jv-editorial:before{content:"WHY";position:absolute;font-family:var(--jv-font);font-size:clamp(8rem,20vw,18rem);font-weight:900;color:#ff69b406;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:-.05em}.jv-ed-list{display:flex;flex-direction:column;gap:0;margin-top:1rem}.jv-ed-item{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,3vw,2.5rem);align-items:flex-start;padding:clamp(2rem,4vw,3.5rem) 0;border-bottom:1px solid rgba(255,255,255,.06);position:relative;cursor:default;transition:background var(--jv-transition)}.jv-ed-item:first-child{border-top:1px solid rgba(255,255,255,.06)}.jv-ed-item:before{content:"";position:absolute;left:-1.5rem;right:-1.5rem;top:0;bottom:0;background:#ff69b406;opacity:0;transition:opacity var(--jv-transition);border-radius:16px}.jv-ed-item:hover:before{opacity:1}.jv-ed-no{font-family:var(--jv-font);font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:1;opacity:.4;letter-spacing:-2px;transition:opacity var(--jv-transition),transform var(--jv-transition);flex-shrink:0;padding-top:.1rem}.jv-ed-item:hover .jv-ed-no{opacity:.9;transform:scale(1.05)}.jv-ed-body{flex:1}.jv-ed-headline{font-family:var(--jv-font);font-size:clamp(1.05rem,2.8vw,1.5rem);font-weight:700;color:#fff;line-height:1.35;margin-bottom:.9rem;padding-left:clamp(.8rem,2vw,1.2rem);border-left:3px solid var(--primary-color);transition:padding-left var(--jv-transition)}.jv-ed-item:hover .jv-ed-headline{padding-left:clamp(1.2rem,2.5vw,1.8rem)}.jv-ed-sub{font-family:var(--jv-font);font-size:clamp(.88rem,2vw,.97rem);font-weight:400;color:#ffffff85;line-height:1.85;padding-left:clamp(.8rem,2vw,1.2rem)}.jv-chat-section{padding:clamp(80px,10vw,130px) 0;position:relative}.jv-chat-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(255,105,180,.04) 0%,transparent 70%);pointer-events:none}.jv-chat-win{max-width:720px;margin:2rem auto 0;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #0006,0 0 0 1px #ff69b414}.jv-chat-bar{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.9rem 1.4rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.07)}.jv-chat-dots{display:flex;gap:.45rem}.jv-cd{width:12px;height:12px;border-radius:50%}.jv-cd-r{background:#ff5f57}.jv-cd-y{background:#febc2e}.jv-cd-g{background:#28c840}.jv-chat-title{font-family:var(--jv-font);font-size:clamp(.78rem,1.8vw,.88rem);font-weight:600;color:#fffc;flex:1}.jv-chat-status{font-family:var(--jv-font);font-size:clamp(.68rem,1.4vw,.75rem);font-weight:500;color:#28c840;letter-spacing:.5px}.jv-chat-body{background:#0a0814d9;padding:1.8rem 1.4rem;display:flex;flex-direction:column;gap:1rem;min-height:300px}.jv-bubble-row{display:flex;align-items:flex-end;gap:.7rem;opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.jv-bubble-in{opacity:1;transform:translateY(0)}.jv-row-left{justify-content:flex-start}.jv-row-right{justify-content:flex-end}.jv-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.jv-avatar-r{order:1}.jv-bubble{max-width:min(72%,380px);padding:.75rem 1rem;border-radius:18px;position:relative}.jv-bubble-m{background:#ba55d32e;border:1px solid rgba(186,85,211,.25);border-bottom-left-radius:4px}.jv-bubble-h{background:linear-gradient(135deg,#ff69b438,#ff69b424);border:1px solid rgba(255,105,180,.3);border-bottom-right-radius:4px}.jv-sender{display:block;font-family:var(--jv-font);font-size:.67rem;font-weight:600;letter-spacing:.5px;color:var(--secondary-color);margin-bottom:.3rem}.jv-btext{font-family:var(--jv-font);font-size:clamp(.82rem,1.8vw,.9rem);font-weight:400;color:#ffffffe0;line-height:1.6;margin:0}.jv-btime{display:block;font-family:var(--jv-font);font-size:.64rem;font-weight:400;color:#ffffff4d;margin-top:.35rem;text-align:right}.jv-chat-foot{background:#ffffff0a;border-top:1px solid rgba(255,255,255,.07);padding:.9rem 1.4rem;text-align:center;font-family:var(--jv-font);font-size:clamp(.78rem,1.6vw,.85rem);font-weight:500;font-style:italic;color:#fff6}@media (min-width: 601px){.jv-chat-body{padding:2rem 1.8rem}}@media (min-width: 1025px){.jv-wrap{padding:0 2rem}.jv-ed-item{padding:clamp(2.5rem,4vw,4rem) 1rem}.jv-ed-item:before{left:-2rem;right:-2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--f: "Poppins", sans-serif;--fm: "JetBrains Mono", monospace;--bg: #0a0a12;--surf: #13131f;--surf2: #1a1a2e;--bord: rgba(255,255,255,.07);--bord2: rgba(255,255,255,.12);--txt: #e8e8f0;--muted: rgba(232,232,240,.45);--dim: rgba(232,232,240,.2);--pk: #e879f9;--pu: #8b5cf6;--acc: #6366f1;--sb-w: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer;font-family:var(--f)}.ap-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:var(--f);background:var(--bg);padding:1rem;position:relative;overflow:hidden}.ap-login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 80% 10%,rgba(99,102,241,.2) 0%,transparent 60%),radial-gradient(ellipse 50% 45% at 10% 90%,rgba(139,92,246,.14) 0%,transparent 60%)}.ap-login-card{position:relative;z-index:1;background:var(--surf);border:1.5px solid var(--bord2);border-radius:24px;padding:clamp(2rem,5vw,2.8rem) clamp(1.8rem,4.5vw,2.4rem);width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 32px 80px #00000080,0 0 0 1px #ffffff0a;animation:apFadeUp .4s ease both}.ap-login-icon{font-size:clamp(2.4rem,6vw,3.2rem);filter:drop-shadow(0 4px 12px rgba(99,102,241,.4))}.ap-login-title{font-size:clamp(1.3rem,3.5vw,1.7rem);font-weight:800;color:var(--txt);letter-spacing:-.4px}.ap-login-sub{font-size:clamp(.7rem,1.7vw,.8rem);color:var(--muted);margin-top:-.5rem}.ap-login-form{display:flex;flex-direction:column;gap:.85rem;width:100%;margin-top:.3rem}.ap-login-field{position:relative;display:flex;align-items:center}.ap-login-ico{position:absolute;left:14px;font-size:15px;pointer-events:none;z-index:1}.ap-login-input{width:100%;padding:.82rem 3rem .82rem 2.8rem;background:#ffffff0a;border:2px solid rgba(255,255,255,.09);border-radius:14px;font-family:var(--f);font-size:.95rem;font-weight:500;color:var(--txt);outline:none;letter-spacing:1px;transition:border-color .22s,background .22s,box-shadow .22s}.ap-login-input::placeholder{color:var(--dim);letter-spacing:0}.ap-login-input:focus{border-color:var(--acc);background:#6366f10f;box-shadow:0 0 0 3.5px #6366f124}.ap-input-err{border-color:#ef4444!important;background:#ef44440d!important}.ap-login-eye{position:absolute;right:12px;background:none;border:none;font-size:1.05rem;opacity:.45;padding:4px;transition:opacity .2s}.ap-login-eye:hover{opacity:.9}.ap-login-error{background:#ef44441a;border:1.5px solid rgba(239,68,68,.25);border-radius:12px;padding:.5rem .9rem;font-size:.78rem;font-weight:600;color:#f87171;animation:apFadeUp .22s ease}.ap-login-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:.85rem;border:none;border-radius:14px;background:linear-gradient(135deg,var(--acc),var(--pu));font-family:var(--f);font-size:.95rem;font-weight:700;color:#fff;box-shadow:0 6px 22px #6366f161;transition:all .2s}.ap-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #6366f180}.ap-login-btn:disabled{opacity:.55;cursor:not-allowed}.ap-wrap{display:flex;min-height:100vh;font-family:var(--f);color:var(--txt);background:var(--bg)}.ap-sidebar{width:var(--sb-w);flex-shrink:0;background:var(--surf);border-right:1px solid var(--bord);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow-y:auto}.ap-sb-logo{display:flex;align-items:center;gap:10px;padding:1.4rem 1.2rem 1.2rem;border-bottom:1px solid var(--bord);font-size:1.6rem}.ap-sb-title{font-size:.96rem;font-weight:800;color:var(--txt)}.ap-sb-sub{font-size:.62rem;color:var(--muted);margin-top:1px}.ap-nav{display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem;flex:1}.ap-nav-btn{display:flex;align-items:center;gap:10px;padding:.65rem .85rem;background:none;border:none;border-radius:12px;font-size:.84rem;font-weight:600;color:var(--muted);text-align:left;width:100%;transition:all .2s}.ap-nav-btn:hover{background:#ffffff0d;color:var(--txt)}.ap-nav-active{background:#6366f12e!important;color:#a5b4fc!important;border:1px solid rgba(99,102,241,.3)}.ap-nav-icon{font-size:1.05rem;flex-shrink:0}.ap-sb-footer{padding:.85rem .75rem 1.2rem;border-top:1px solid var(--bord);display:flex;flex-direction:column;gap:.5rem}.ap-last-fetch{font-size:.64rem;color:var(--dim);text-align:center}.ap-refresh-btn{background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:10px;padding:.55rem;font-size:.78rem;font-weight:700;color:#a5b4fc;transition:all .2s}.ap-refresh-btn:hover:not(:disabled){background:#6366f138}.ap-logout-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.22);border-radius:10px;padding:.55rem;font-size:.78rem;font-weight:700;color:#f87171;transition:all .2s}.ap-logout-btn:hover{background:#ef444433}.ap-main{flex:1;margin-left:var(--sb-w);display:flex;flex-direction:column;min-height:100vh}.ap-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1.4rem clamp(1.2rem,3vw,2rem) 1.2rem;background:var(--surf);border-bottom:1px solid var(--bord);position:sticky;top:0;z-index:40}.ap-page-title{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:800;color:var(--txt)}.ap-page-sub{font-size:.7rem;color:var(--muted);margin-top:2px}.ap-loading-pill{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:50px;padding:.3rem .9rem;font-size:.72rem;font-weight:700;color:#fbbf24;animation:apPulse 1.4s ease-in-out infinite}@keyframes apPulse{0%,to{opacity:1}50%{opacity:.5}}.ap-content{padding:clamp(1.2rem,3vw,2rem) clamp(1.2rem,3vw,2rem);flex:1}.ap-section{display:flex;flex-direction:column;gap:1.4rem}.ap-section-title{font-size:clamp(.9rem,2.3vw,1.08rem);font-weight:700;color:var(--txt);padding-bottom:.5rem;border-bottom:1px solid var(--bord)}.ap-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,18vw,160px),1fr));gap:clamp(.7rem,1.8vw,1rem)}.ap-stat{background:var(--surf2);border:1px solid var(--bord);border-top:3px solid var(--sc, #6366f1);border-radius:16px;padding:clamp(.9rem,2.2vw,1.2rem) clamp(.8rem,2vw,1rem);display:flex;flex-direction:column;gap:.35rem;transition:transform .2s,box-shadow .2s}.ap-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.ap-stat-icon{font-size:1.5rem}.ap-stat-val{font-size:clamp(1.4rem,3.5vw,2rem);font-weight:800;color:var(--txt);line-height:1}.ap-stat-lbl{font-size:clamp(.62rem,1.5vw,.7rem);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ap-cat-grid{display:flex;flex-wrap:wrap;gap:.6rem}.ap-cat-card{display:flex;align-items:center;gap:.5rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:50px;padding:.3rem .9rem}.ap-cat-name{font-size:.78rem;font-weight:600;color:#fcd34d}.ap-cat-count{font-size:.78rem;font-weight:800;color:#fff;background:#f59e0b4d;border-radius:50px;padding:.1rem .5rem}.ap-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--bord)}.ap-table{width:100%;border-collapse:collapse;font-size:clamp(.72rem,1.7vw,.82rem)}.ap-table thead{background:var(--surf2)}.ap-table th{padding:.75rem 1rem;text-align:left;font-weight:700;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--bord);white-space:nowrap}.ap-table td{padding:.72rem 1rem;border-bottom:1px solid rgba(255,255,255,.03);color:var(--txt);vertical-align:top;max-width:280px}.ap-table tr:last-child td{border-bottom:none}.ap-table tr:hover td{background:#ffffff05}.ap-num{font-family:var(--fm);font-size:.7rem;color:var(--muted)}.ap-mono{font-family:var(--fm);font-size:.72rem;color:#93c5fd}.ap-time{font-family:var(--fm);font-size:.68rem;color:var(--muted);white-space:nowrap}.ap-name{font-weight:700}.ap-muted{color:var(--dim);font-style:italic}.ap-msg-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;color:#e8e8f0bf}.ap-empty{text-align:center;padding:3rem 1rem;color:var(--dim);font-size:.9rem;background:var(--surf2);border-radius:16px;border:1px solid var(--bord)}.ap-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:50px;font-size:.65rem;font-weight:700;background:color-mix(in srgb,var(--bc, #6366f1) 15%,transparent);border:1px solid color-mix(in srgb,var(--bc, #6366f1) 35%,transparent);color:var(--bc, #a5b4fc);white-space:nowrap}.ap-fiza-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.ap-fiza-card{background:var(--surf2);border:1px solid var(--bord);border-left:4px solid var(--fc, #ec4899);border-radius:16px;padding:1.2rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}.ap-fiza-emoji{font-size:2rem;line-height:1}.ap-fiza-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--fc)}.ap-fiza-count{font-size:2.2rem;font-weight:800;color:var(--txt);line-height:1}.ap-fiza-bar-wrap{background:#ffffff12;border-radius:50px;height:6px;overflow:hidden}.ap-fiza-bar{height:100%;background:var(--fc);border-radius:50px;transition:width .6s ease}.ap-fiza-pct{font-size:.72rem;color:var(--muted);font-weight:600}.ap-fiza-total{text-align:center;font-size:.88rem;color:var(--muted);padding:1rem;background:var(--surf2);border-radius:12px;border:1px solid var(--bord)}.ap-fiza-total strong{color:var(--txt)}.ap-oq-note{display:flex;align-items:center;gap:.7rem;font-size:.88rem;color:var(--muted)}.ap-note-hint{font-size:.74rem;color:var(--dim);background:#ffffff08;border:1px solid var(--bord);border-radius:10px;padding:.6rem .9rem}.ap-spin{width:14px;height:14px;border-radius:50%;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;display:inline-block;animation:apSpin .7s linear infinite}@keyframes apSpin{to{transform:rotate(360deg)}}@keyframes apFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ap-shake{animation:apShake .55s cubic-bezier(.36,.07,.19,.97) both}@keyframes apShake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(9px)}45%{transform:translate(-7px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}}@media (max-width: 768px){:root{--sb-w: 200px}.ap-stats-grid{grid-template-columns:repeat(2,1fr)}.ap-table th,.ap-table td{padding:.6rem .7rem}}@media (max-width: 560px){.ap-sidebar{width:100%;position:relative;flex-direction:row;flex-wrap:wrap}.ap-main{margin-left:0}.ap-nav{flex-direction:row;flex-wrap:wrap}.ap-nav-btn{flex:1;min-width:80px;justify-content:center}.ap-sb-footer{flex-direction:row;justify-content:center}.ap-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--primary-color: #ff69b4;--secondary-color: #ba55d3;--accent-color: #ffd700;--dark-bg: #000000;--light-dark: #1a1a1a;--text-light: #ffffff;--text-gray: #cccccc;--heading-font: "Poppins", sans-serif;--body-font: system-ui, Avenir, Helvetica, Arial, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--body-font);background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);background-attachment:fixed;color:var(--text-light);min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;border:none;cursor:pointer;background:none}img{max-width:100%;display:block}main{flex:1}.main-footer{width:100%;background:var(--dark-bg)}