.construction-notice-desktop{position:fixed;bottom:30px;right:30px;width:30vw;min-width:300px;height:30vh;min-height:250px;background:rgba(97,137,201,.7);-webkit-backdrop-filter:blur(7px) saturate(.8) brightness(.9);backdrop-filter:blur(7px) saturate(.8) brightness(.9);--webkit-backdrop-filter:blur(7px) saturate(0.8) brightness(0.9);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:24px;z-index:1000;box-shadow:0 8px 32px rgba(31,38,135,.37),inset 0 0 0 1px rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center;animation:constructionFadeInUp .6s ease-out}@keyframes constructionFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes constructionFadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.construction-notice-desktop.closing{animation:constructionFadeOutDown .3s ease-in forwards}@keyframes constructionSlideIn{0%{opacity:0;transform:translateX(100%) translateY(20px)}to{opacity:1;transform:translateX(0) translateY(0)}}.construction-close-btn{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.construction-close-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.construction-close-btn svg{color:rgba(255,255,255,.9);font-size:18px}.construction-title{font-family:var(--font-sour-gummy);font-size:2rem;font-weight:700;color:rgba(255,255,255,.95);margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.construction-body{font-family:var(--font-sour-gummy);font-size:1.25rem;line-height:1.5;color:rgba(255,255,255,.85);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.construction-notice-mobile{position:fixed;bottom:61px;left:0;right:0;background:rgba(97,137,201,.7);-webkit-backdrop-filter:blur(7px) saturate(.8) brightness(.9);backdrop-filter:blur(7px) saturate(.8) brightness(.9);--webkit-backdrop-filter:blur(7px) saturate(0.8) brightness(0.9);border-bottom:1px solid rgba(255,255,255,.2);z-index:1000;padding:12px 16px;animation:constructionMobileFadeInUp .5s ease-out}@keyframes constructionMobileFadeInUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes constructionMobileFadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.construction-notice-mobile.closing{animation:constructionMobileFadeOutDown .25s ease-in forwards}@keyframes constructionSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.construction-content-mobile{display:flex;align-items:center;justify-content:space-between;max-width:100%}.construction-text-mobile{flex:1 1;margin-right:12px}.construction-title-mobile{font-family:var(--font-sour-gummy);font-size:1.1rem;font-weight:700;color:rgba(255,255,255,.95);margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.construction-body-mobile{font-family:var(--font-sour-gummy);font-size:.9rem;color:rgba(255,255,255,.85);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.construction-close-btn-mobile{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);flex-shrink:0}.construction-close-btn-mobile:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.construction-close-btn-mobile svg{color:rgba(255,255,255,.9);font-size:20px}.kofi-button{position:fixed;bottom:15px;left:15px;z-index:1001;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fc5d16;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px rgba(255,95,95,.4),0 2px 8px rgba(0,0,0,.2);overflow:hidden}.kofi-button,.kofi-button:before{border-radius:25px;position:absolute}.kofi-button:before{content:"";top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.3);width:30%;height:100%;animation:kofiShineSwipe 2s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes kofiShineSwipe{0%{transform:translateX(-200%) skewX(-20deg);opacity:0;width:20%}20%{transform:translateX(-150%) skewX(-20deg)}50%{opacity:.6;width:30%}to{transform:translateX(550%) skewX(-20deg);opacity:0;width:20%}}.kofi-button:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 25px rgba(255,95,95,.5),0 4px 15px rgba(0,0,0,.25);background:#ff4e0e}.kofi-logo{width:30px;height:30px;object-fit:contain}.kofi-logo,.kofi-text{position:relative;z-index:2}.kofi-text{font-family:var(--font-sour-gummy);font-size:1rem;font-weight:700;color:white;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px rgba(0,0,0,.5);white-space:nowrap}@media (max-width:768px){.kofi-button{bottom:80px;left:10px;padding:12px;border-radius:50%;width:48px;height:48px;min-width:48px;min-height:48px;justify-content:center;gap:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.kofi-text{display:none}.kofi-logo{width:30px;height:30px}.kofi-button-elevated{bottom:150px}.kofi-button:hover{transform:scale(1.15) translateY(-3px)}}@media (prefers-reduced-motion:reduce){.kofi-button:before{animation:none;display:none}.kofi-button:hover{transform:scale(1.05)}}.social-buttons-container{position:fixed;bottom:15px;right:15px;z-index:1001;display:flex;gap:12px}.social-button{width:48px;height:48px;border-radius:50%;background:var(--platform-color);display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.1);overflow:hidden;position:relative}.social-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.2);width:30%;height:100%;border-radius:50%;animation:socialShineSwipe 3s ease-in-out infinite;animation-delay:calc(var(--button-index) * .5s);pointer-events:none;z-index:1}@keyframes socialShineSwipe{0%{transform:translateX(-200%) skewX(-20deg);opacity:0;width:20%}20%{transform:translateX(-150%) skewX(-20deg)}50%{opacity:.4;width:30%}to{transform:translateX(550%) skewX(-20deg);opacity:0;width:20%}}.social-button:hover{transform:scale(1.15) translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.3),0 4px 15px rgba(0,0,0,.2)}.social-logo{width:32px;height:32px;object-fit:contain;position:relative;z-index:2}@media (max-width:768px){.social-buttons-container{flex-direction:column;bottom:80px;right:15px;left:auto;gap:8px}.social-button{width:44px;height:44px}.social-logo{width:28px;height:28px}.social-buttons-elevated{bottom:150px}.social-button:hover{transform:scale(1.1) translateY(-2px)}}@media (prefers-reduced-motion:reduce){.social-button:before{animation:none;display:none}.social-button:hover{transform:scale(1.05)}}@keyframes cascadeBounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}80%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes gridBouncyHover{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.08) translateY(-3px)}to{transform:scale(1.05) translateY(-2px) !}}@keyframes gridClickBounce{0%{transform:scale(1.05) translateY(-2px)}50%{transform:scale(.95) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes shineSwipe{0%{transform:translateX(-200%) skewX(-20deg);opacity:0;width:20%}20%{transform:translateX(-150%) skewX(-20deg)}50%{opacity:.85;width:30%}to{transform:translateX(550%) skewX(-20deg);opacity:0;width:20%}}@keyframes wavyBorder{0%,to{border-image:linear-gradient(45deg,rgba(255,255,255,.8),rgba(255,255,255,.4) 25%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.8)) 1}25%{border-image:linear-gradient(45deg,rgba(255,255,255,.4),rgba(255,255,255,.8) 25%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.8) 75%,rgba(255,255,255,.4)) 1}50%{border-image:linear-gradient(45deg,rgba(255,255,255,.8),rgba(255,255,255,.4) 25%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.8)) 1}75%{border-image:linear-gradient(45deg,rgba(255,255,255,.4),rgba(255,255,255,.8) 25%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.8) 75%,rgba(255,255,255,.4)) 1}}.new-home-main{height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;overflow:hidden;position:relative;display:flex;align-items:center;padding-top:60px}.new-home-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 2px,transparent 0),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 1px,transparent 0);background-size:50px 50px,25px 25px;pointer-events:none;z-index:1}.scrolling-grid-container{position:relative;width:100%;height:calc(100vh - 60px);overflow:visible;z-index:2;display:flex;align-items:center;padding:0}.scrolling-grid{flex-direction:column;height:-moz-fit-content;height:fit-content;padding:10px 0}.grid-row,.scrolling-grid{display:flex;gap:10px;min-width:max-content}.grid-row{overflow:visible}.grid-row:first-child{margin-left:0}.grid-row:nth-child(2){margin-left:30px}.grid-row:nth-child(3){margin-left:60px}.grid-row:nth-child(4){margin-left:90px}.grid-row:nth-child(5){margin-left:120px}.grid-row-content{display:flex;gap:10px;animation:scroll-left linear infinite;animation-duration:var(--animation-duration,120s);animation-delay:var(--animation-delay,0s)}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.grid-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .3s ease,border .3s ease;background:rgba(255,255,255,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transform:scale(0);opacity:0}.grid-item:hover{animation:gridBouncyHover .4s ease-out forwards!important;border:2px solid rgba(255,255,255,.8);box-shadow:0 15px 35px rgba(0,0,0,.25),0 5px 15px rgba(0,0,0,.15),-5px 0 15px rgba(0,0,0,.1),5px 0 15px rgba(0,0,0,.1);z-index:10}.grid-item:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:10px;border:2px solid transparent;opacity:0;z-index:15;pointer-events:none;transition:opacity .3s ease}.grid-item:hover:after{opacity:1;animation:wavyBorder 1.5s ease-in-out infinite}.grid-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,1);width:30%;height:100%;opacity:0;z-index:5;pointer-events:none;border-radius:0}.grid-item:hover:before{animation:shineSwipe .5s ease-in-out .25s infinite;animation-iteration-count:infinite;animation-duration:1s}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border-radius:50%;width:50px;height:50px;pointer-events:none;z-index:5;transition:background .2s ease}.grid-item:hover .video-play-overlay{background:rgba(0,0,0,.8)}.play-icon{color:white;font-size:24px;margin-left:2px}.grid-image{image-rendering:auto}.grid-image,.optimized-video{width:100%;height:100%;border-radius:7px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;will-change:auto}.optimized-image-container{position:relative;width:100%;height:100%}.image-loading-overlay,.optimized-image-container{display:flex;align-items:center;justify-content:center}.image-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:7px;z-index:1}.image-throbber{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:rgba(255,255,255,.8);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.optimized-image{position:relative;z-index:2}@media (max-width:768px){.new-home-main{background-attachment:scroll;padding-top:60px;padding-bottom:60px}.scrolling-grid-container{height:calc(100vh - 120px);padding:0}.scrolling-grid{gap:5px;padding:5px 0}.grid-row{gap:5px}.grid-row:first-child{margin-left:0}.grid-row:nth-child(2){margin-left:15px}.grid-row:nth-child(3){margin-left:30px}.grid-row:nth-child(4){margin-left:45px}.grid-row:nth-child(5){margin-left:60px}.grid-item{border-radius:6px}.grid-image{border-radius:5px}.grid-item:hover{animation:gridBouncyHover .4s ease-out forwards;border:2px solid rgba(255,255,255,.8);box-shadow:0 10px 25px rgba(0,0,0,.2),0 3px 10px rgba(0,0,0,.1);transform:scale(1.03) translateY(-1px)}.grid-item:after{border-radius:8px}.grid-item:hover:before{animation:shineSwipe .5s ease-in-out .25s infinite;animation-duration:1s}.image-throbber{width:20px;height:20px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.grid-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.grid-item{transition:none;transform:scale(1)!important;opacity:1!important;animation:none!important}.grid-item:hover{transform:scale(1.02)!important;animation:none!important;border:2px solid rgba(255,255,255,.6);box-shadow:0 8px 20px rgba(0,0,0,.2)}.grid-item:active{transform:scale(.98)!important;animation:none!important;box-shadow:0 4px 10px rgba(0,0,0,.15)}.grid-item:before{display:none}.grid-item:hover:before{animation:none}.grid-item:after{display:none}.image-throbber{animation:none;border-top-color:rgba(255,255,255,.8)}}