@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:radial-gradient(circle at 30% 40%,#0a0620 0,#000211 35%,#02010a 100%);height:100vh!important;min-height:100vh;overflow:hidden!important;overflow-x:hidden;position:relative;text-align:center}.App:before{animation:cosmicTexture 20s linear infinite;background-image:radial-gradient(1px 1px at 50px 50px,#00d4ff1a,#0000),radial-gradient(1px 1px at 150px 150px,#ff6b9d14,#0000),radial-gradient(2px 2px at 250px 250px,#a855f70f,#0000);background-size:300px 300px,400px 400px,500px 500px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}@keyframes cosmicTexture{0%{transform:translate(0)}to{transform:translate(-300px,-300px)}}.App-header{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#02010afc,#120a2dfa 50%,#080419fc);border-bottom:1px solid #ffffff1a;color:#f8fafc;padding:0 0 .5rem;position:relative}.App-header:before{animation:cosmicPulse 8s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#00d4ff26 0,#0000 60%),radial-gradient(circle at 80% 70%,#ff6b9d1f 0,#0000 60%),radial-gradient(circle at 50% 50%,#a855f714 0,#0000 60%);bottom:0;left:0;right:0;top:0}.App-header:after,.App-header:before{content:"";pointer-events:none;position:absolute;z-index:1}.App-header:after{animation:floatingParticles 12s ease-in-out infinite;background-image:radial-gradient(2px 2px at 100px 50px,#ffeb3b80,#0000),radial-gradient(1px 1px at 200px 100px,#00d4ff66,#0000),radial-gradient(1px 1px at 300px 150px,#ff6b9d66,#0000),radial-gradient(1.5px 1.5px at 400px 200px,#a855f74d,#0000);background-size:400px 200px,300px 150px,500px 250px,350px 175px;height:100%;width:100%}.App-header>*{position:relative;z-index:2}@keyframes cosmicPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}@keyframes floatingParticles{0%,to{opacity:.4;transform:translateY(0) translateX(0)}25%{opacity:.6;transform:translateY(-15px) translateX(10px)}50%{opacity:.8;transform:translateY(-25px) translateX(-5px)}75%{opacity:.5;transform:translateY(-10px) translateX(15px)}}h1{-webkit-text-fill-color:#0000;animation:titleGlow 2s ease-in-out infinite alternate,titleFloat 6s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#ff6b9d 30%,#ffeb3b 60%,#a855f7);background-clip:text;-webkit-background-clip:text;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .2rem;position:relative;text-shadow:0 0 50px #00d4ff66,0 0 100px #ff6b9d33}@keyframes titleGlow{0%{filter:brightness(1) drop-shadow(0 0 20px rgba(0,212,255,.4));text-shadow:0 0 50px #00d4ff66,0 0 100px #ff6b9d33}to{filter:brightness(1.3) drop-shadow(0 0 40px rgba(255,107,157,.5));text-shadow:0 0 60px #00d4ff99,0 0 120px #ff6b9d66}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.subtitle{animation:subtitleFade 3s ease-out;color:#f8fafccc;font-size:clamp(.8rem,1.8vw,1.1rem);font-weight:400;letter-spacing:.5px;margin:.2rem auto .6rem;max-width:600px;position:relative;text-shadow:0 2px 10px #00000080}.subtitle:after{animation:subtitleLine 4s ease-out 1s forwards;background:linear-gradient(90deg,#0000,#00d4ff,#0000);bottom:-5px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:0}.subtitle-secondary{animation:subtitleFade 3s ease-out .5s both;color:#94a3b8;font-size:clamp(.7rem,1.6vw,.9rem);font-style:italic;font-weight:300;letter-spacing:.3px;margin:0 auto 1rem;max-width:600px;opacity:.8;position:relative;text-shadow:0 1px 5px #0000004d}.subtitle-secondary:after{animation:subtitleLine 4s ease-out 1.5s forwards;background:linear-gradient(90deg,#0000,#ff6b9d,#0000);bottom:-3px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:0}@keyframes subtitleFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes subtitleLine{0%{width:0}to{width:80%}}.cta-container{animation:ctaAppear 2s ease-out .2s both;margin-top:1rem;position:relative}.cta-container:before{animation:energyField 3s ease-in-out infinite;background:radial-gradient(circle,#00d4ff1a,#0000);border-radius:24px;bottom:-20px;content:"";left:-20px;pointer-events:none;position:absolute;right:-20px;top:-20px}@keyframes energyField{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes ctaAppear{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.cta-button{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#00d4ff40,#ff6b9d33 50%,#ffeb3b26);border:2px solid #ffffff40;border-radius:24px;box-shadow:0 8px 32px #00d4ff66,0 4px 16px #ff6b9d4d,inset 0 1px 0 #ffffff4d;color:#f8fafc;cursor:pointer;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:600;letter-spacing:1px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s ease}.cta-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.cta-button:after{animation:buttonParticles 4s linear infinite;background-image:radial-gradient(1px 1px at 20% 30%,#fff6,#0000),radial-gradient(1px 1px at 80% 70%,#00d4ff4d,#0000);background-size:100px 100px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cta-button:hover{border-color:#00d4ffcc;box-shadow:0 20px 80px #00d4ff80,0 10px 40px #ff6b9d66,inset 0 1px 0 #fff6;transform:translateY(-6px) scale(1.05)}.cta-button:hover:before{left:100%}.cta-button:active{transform:translateY(-3px) scale(1.02)}@keyframes buttonParticles{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.how-it-works-link{color:#ffffffb3;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(.75rem,1.2vw,.9rem);font-weight:400;letter-spacing:.3px;margin-top:.8rem;position:relative;text-decoration:none;transition:all .4s ease}.how-it-works-link:after{background:linear-gradient(90deg,#00d4ff99,#ff6b9d66);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .4s ease;width:0}.how-it-works-link:hover{color:#00d4ffe6;text-shadow:0 0 10px #00d4ff4d}.how-it-works-link:hover:after{width:100%}.how-it-works-link:active{color:#00d4ff}.cta-container{align-items:center;display:flex;flex-direction:column;text-align:center}.image-grid-container{height:calc(100vh - 150px)!important;overflow-y:auto!important;position:relative;scroll-behavior:smooth;scrollbar-color:#00d4ff80 #0000;scrollbar-width:thin;z-index:1}.image-grid-container:before{background-image:linear-gradient(90deg,#0000 49%,#00d4ff08 50%,#0000 51%),linear-gradient(0deg,#0000 49%,#00d4ff08 50%,#0000 51%);background-size:100px 100px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.image-grid-container::-webkit-scrollbar{width:8px}.image-grid-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.image-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#ff6b9d);border-radius:10px}.image-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6b9d,#a855f7)}.image-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto;max-width:1400px;min-height:100vh;padding:1rem;position:relative;z-index:2}.image-grid:after{content:"";height:100px;margin-top:2rem}.image-grid.loading:after,.image-grid:after{align-items:center;display:flex;justify-content:center;width:100%}.image-grid.loading:after{color:#f8fafccc;content:"Loading more memories...";font-size:.9rem;height:60px;margin-top:1rem;opacity:.8;text-align:center}.image-grid .scroll-trigger{align-items:center;display:flex;height:100px;justify-content:center;margin-top:2rem;opacity:0;transition:opacity .4s ease;width:100%}.image-grid .scroll-trigger.visible{opacity:1}.image-grid .scroll-trigger .loading-spinner{animation:cosmicSpin 1s linear infinite;border:3px solid #00d4ff4d;border-radius:50%;border-top-color:#00d4ff;height:40px;width:40px}.image-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000004d,0 2px 10px #00d4ff1a;contain:layout paint style;content-visibility:auto;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:transform .4s ease,box-shadow .4s ease,opacity .4s ease}.image-container:after{background:radial-gradient(circle at center,#00d4ff1a,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.image-container:hover{box-shadow:0 25px 60px #00000080,0 15px 40px #00d4ff4d,0 8px 20px #ff6b9d33;transform:translateY(-12px) scale(1.04)}.image-container:hover .image-overlay{opacity:1;transform:translateY(0)}.image-container:hover .image-cosmic-overlay,.image-container:hover:after{opacity:.6}.image-container.new{animation:newMemoryAppear 1.5s ease-out}.image-cosmic-overlay{background:linear-gradient(135deg,#00d4ff0d,#ff6b9d08 50%,#a855f70d);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:1}@keyframes newMemoryAppear{0%{opacity:0;transform:translateY(-60px) scale(.4) rotateX(90deg)}50%{opacity:.8;transform:translateY(-15px) scale(1.15) rotateX(45deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}.image-overlay{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(0deg,#000000f2 0,#120a2dd9 50%,#0000);bottom:0;box-shadow:0 -5px 20px #0000004d;color:#f8fafc;font-size:.9rem;font-weight:500;left:0;opacity:0;padding:1.2rem 1rem 1rem;position:absolute;right:0;transform:translateY(15px);transition:all .4s ease;z-index:2}.image-overlay,.overlay-content{align-items:center;display:flex;justify-content:center}.overlay-content{gap:.5rem}.nickname{color:#f8fafc;font-weight:600;text-shadow:0 1px 3px #000c}.country-flag{align-items:center;display:flex;justify-content:center}.new-memory-indicator{animation:newIndicatorPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#ff6b9d);border-radius:12px;box-shadow:0 2px 8px #0000004d,0 0 15px #00d4ff66;color:#f8fafc;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:3}@keyframes newIndicatorPulse{0%,to{box-shadow:0 2px 8px #0000004d,0 0 15px #00d4ff66;transform:scale(1)}50%{box-shadow:0 2px 8px #0000004d,0 0 25px #00d4ff99;transform:scale(1.05)}}.indicator-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f8fafc,#fffc);background-clip:text;-webkit-background-clip:text}.grid-background-effect{background:radial-gradient(circle at 20% 30%,#00d4ff05,#0000 50%),radial-gradient(circle at 80% 70%,#ff6b9d05,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.spinner-container{align-items:center;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#02010af2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner-container:before{animation:loadingPulse 3s ease-in-out infinite;background:radial-gradient(circle at 30% 40%,#00d4ff1a,#0000),radial-gradient(circle at 70% 60%,#ff6b9d14,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.spinner-main{animation:cosmicSpin 2s linear infinite;border:4px solid #0000;border-color:#00d4ff #ff6b9d #ffeb3b #a855f7;border-radius:50%;border-style:solid;border-width:4px;height:80px;position:relative;width:80px}.spinner-main:before{animation:cosmicSpin 3s linear infinite reverse;border:3px solid #0000;border-left-color:#a855f799;border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.spinner-main:after{animation:innerGlow 2s ease-in-out infinite alternate;background:radial-gradient(circle,#00d4ff,#0000);border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes innerGlow{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.spinner{animation:cosmicSpin 1.5s linear infinite;border-bottom:3px solid #0000;border-radius:50%;border-right:3px solid #0000;border-top:3px solid #0000;border-color:#00d4ff #ff6b9d #ffeb3b #0000;border-style:solid;border-width:3px;box-shadow:0 0 20px #00d4ff66;height:50px;margin:2rem auto;position:relative;width:50px}.overlay{align-items:flex-start;animation:overlayAppear .4s ease-out;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#02010a99;overflow:hidden}.overlay:before{display:none}@keyframes overlayParticles{0%{transform:translateY(0)}to{transform:translateY(-200px)}}@keyframes overlayAppear{0%{opacity:0}to{opacity:1}}.modal{animation:modalAppear .8s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#120a2dfa,#080419fc);border:1px solid #ffffff14;box-shadow:0 15px 40px #0006,0 0 20px #00d4ff0d;box-sizing:border-box;margin:2rem auto 0!important;max-height:90vh;overflow-x:hidden!important;padding:2.5rem!important;width:95%}.modal:after,.modal:before{display:none}@keyframes modalAppear{0%{opacity:0;transform:translateY(120px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#ff6b9d);background-clip:text;-webkit-background-clip:text;font-family:Space Grotesk,Inter,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-align:center;text-shadow:none}.modal p{color:#f8fafccc;font-size:1.1rem;line-height:1.7;margin-bottom:1.8rem;text-align:center}.modal input,.modal select,.modal textarea{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #fff3;border-radius:16px;box-sizing:border-box;color:#f8fafc;font-size:1rem;margin-bottom:1.2rem;padding:1rem 1.2rem;transition:all .4s ease;width:100%}.modal input:focus,.modal select:focus,.modal textarea:focus{background:#ffffff14;border-color:#00d4ff80;box-shadow:0 0 8px #00d4ff26;transform:none}.modal input::placeholder,.modal select::placeholder,.modal textarea::placeholder{color:#94a3b8}.modal>*{box-sizing:border-box;max-width:100%}.modal{-ms-overflow-style:none;scrollbar-width:none}.modal::-webkit-scrollbar{display:none}.modal.image-expanded{height:95vh;max-height:95vh;max-width:95vw;padding:1rem!important;width:95vw}.modal.image-expanded .modal-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.modal.image-expanded .expanded-image{border-radius:16px;box-shadow:0 20px 60px #0009;max-height:100%;max-width:100%;object-fit:contain}.modal.image-expanded .close-expanded{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;position:absolute;right:1rem;top:1rem;width:40px;z-index:10}.modal.image-expanded .close-expanded:hover{background:#000000e6}.modal h2{margin-top:0!important}.modal .dropzone,.modal .submit-button,.modal h2,.modal input,.modal p,.modal select,.modal textarea{margin-left:0!important;margin-right:0!important}.modal .dropzone,.modal .submit-button,.modal h2,.modal input,.modal p,.modal select,.modal textarea{margin-bottom:2rem}.modal .submit-button{margin-bottom:0}.modal>:first-child{margin-top:0!important}.modal>:last-child{margin-bottom:0!important}.submit-button{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#00d4ffe6,#ff6b9de6);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 6px 20px #00d4ff40,0 3px 12px #ff6b9d33;color:#f8fafc;cursor:pointer;font-family:Space Grotesk,Inter,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.8px;overflow:hidden;padding:1.4rem 2.5rem;position:relative;text-transform:uppercase;transition:all .4s ease;width:100%}.submit-button:before{display:none}.submit-button:hover{background:linear-gradient(135deg,#00d4ffe6,#ff6b9de6);box-shadow:0 10px 30px #00d4ff59,0 5px 18px #ff6b9d40;transform:translateY(-2px)}.close-btn{align-items:center;background:none!important;border:none;border-radius:50%;color:#94a3b8!important;cursor:pointer;display:flex;font-size:1.8rem;height:45px;justify-content:center;position:absolute;right:1.2rem;top:1.2rem;transition:all .2s ease;width:45px;z-index:10}.close-btn:hover{background:#ffffff26!important;box-shadow:0 0 20px #fff3;color:#f8fafc!important;transform:scale(1.1) rotate(90deg)}.dropzone{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#00d4ff14,#ff6b9d0d);border:2px dashed #00d4ff80;border-radius:16px;cursor:pointer;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s ease}.dropzone:after,.dropzone:before{display:none}.dropzone:hover{background:linear-gradient(135deg,#00d4ff1a,#ff6b9d0d);border-color:#00d4ff99;box-shadow:0 10px 25px #00d4ff33,0 5px 15px #ff6b9d26;transform:translateY(-2px)}.dropzone p{color:#00d4ffe6;font-size:1.1rem;font-weight:500;margin:0;position:relative;z-index:1}@keyframes dropzoneParticles{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@media(max-width:768px){.App-header{padding:.8rem 1rem 1.5rem}h1{font-size:2rem}.subtitle{font-size:.9rem;margin:.2rem auto .6rem}.subtitle-secondary{font-size:.8rem;margin:0 auto 1rem}.subtitle-secondary:before{content:"";display:block}.cta-button{font-size:1rem;padding:.9rem 2rem}.modal{align-self:flex-start;margin:2rem .5rem .5rem;max-height:90vh;max-width:95%;overflow:auto;padding:2rem!important;width:95%}.overlay{align-items:flex-start;padding-top:1rem}.image-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:100%;padding:0 .5rem}.image-container{aspect-ratio:1/1;height:auto;margin:3px;transform:scale(.9);width:calc(33.33% - 6px)}.image-container:hover{transform:translateY(-8px) scale(.95)}.dropzone{padding:1.5rem}.close-btn{font-size:1.6rem;height:40px;right:1rem;top:1rem;width:40px}.sticky-header-cta{display:none}.mobile-bottom-cta{display:block}.image-grid-container{height:calc(100vh - 140px)!important}}@media(max-width:480px){.App-header{padding:.6rem 1rem 1.2rem}h1{font-size:1.8rem}.image-grid-container{height:calc(100vh - 120px)!important}.subtitle-secondary{font-size:.7rem;margin:0 auto 1rem}.subtitle-secondary:before{content:"";display:block}.modal{align-self:flex-start;margin-top:.5vh!important;max-height:100vh;max-width:98%;overflow:auto;padding:1.8rem!important;width:98%}.overlay{align-items:flex-start;padding-top:.5rem}.modal h2{font-size:1.5rem}.cta-button{font-size:.9rem;padding:.8rem 1.8rem}.dropzone{padding:1.2rem}.dropzone p{font-size:1rem}.image-container{height:127px;margin:2px;transform:scale(.85);width:127px}.image-container:hover{transform:translateY(-6px) scale(.9)}.image-grid{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:100%;min-height:100vh;padding:0 .3rem}.close-btn{font-size:1.4rem;height:35px;right:.8rem;top:.8rem;width:35px}.sticky-header-cta{display:none}.mobile-bottom-cta{display:block}}body.modal-open{overflow:hidden;position:fixed;width:100%}@media(max-width:768px){body:not(.modal-open){overflow-x:hidden}}.sticky-header-cta{opacity:0;position:fixed;right:1rem;top:1rem;transform:translateY(-20px);transition:all .3s ease;z-index:100}.sticky-header-cta.visible{opacity:1;transform:translateY(0)}.sticky-header-cta .sticky-cta-button{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#00d4ffe6,#ff6b9de6);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 4px 20px #00d4ff4d,0 2px 10px #ff6b9d33;color:#f8fafc;cursor:pointer;font-family:Space Grotesk,Inter,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:.8rem 1.5rem;text-transform:uppercase}.sticky-header-cta .sticky-cta-button:hover{box-shadow:0 8px 30px #00d4ff66,0 4px 15px #ff6b9d4d;transform:translateY(-2px)}.mobile-bottom-cta{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#120a2dfa,#080419fc);border-top:1px solid #ffffff26;bottom:0;left:0;opacity:0;padding:1rem;position:fixed;right:0;transform:translateY(100%);transition:all .3s ease;z-index:100}.mobile-bottom-cta.visible{opacity:1;transform:translateY(0)}.mobile-bottom-cta .mobile-cta-button{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#00d4ffe6,#ff6b9de6);border:1px solid #ffffff40;border-radius:16px;box-shadow:0 4px 20px #00d4ff4d,0 2px 10px #ff6b9d33;color:#f8fafc;cursor:pointer;font-family:Space Grotesk,Inter,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;width:100%}.mobile-bottom-cta .mobile-cta-button:hover{box-shadow:0 8px 30px #00d4ff66,0 4px 15px #ff6b9d4d;transform:translateY(-2px)}@media(min-width:769px){.sticky-header-cta{display:block}.mobile-bottom-cta{display:none}}.App,.App-header,.cta-button,.image-container,.modal{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.App-header:after,.cta-button:after,.dropzone:after,.overlay:before{animation:none}.cta-button:hover,.image-container:hover{transform:none}}.theme-sand{--color-primary:#d4af37;--color-secondary:#8b4513;--color-accent:peru;--color-quaternary:#daa520;--color-bg:#2c1810;--color-text:wheat;--color-text-ethereal:#deb887;--color-text-muted:#d2691e;--font-family-display:"Amiri","Scheherazade",serif;--font-family-body:"Noto Naskh Arabic","Amiri",serif}.theme-sand .App-header{background:linear-gradient(135deg,#2c1810fa,#8b4513f2 50%,#cd853ffa);border-bottom:1px solid #d4af374d}.theme-sand .App-header:before{background:radial-gradient(circle at 20% 30%,#d4af3733 0,#0000 60%),radial-gradient(circle at 80% 70%,#8b451326 0,#0000 60%),radial-gradient(circle at 50% 50%,#cd853f1a 0,#0000 60%)}.theme-sand .App-header:after{background-image:radial-gradient(2px 2px at 100px 50px,#daa52099,#0000),radial-gradient(1px 1px at 200px 100px,#d4af3780,#0000),radial-gradient(1px 1px at 300px 150px,#8b451380,#0000),radial-gradient(1.5px 1.5px at 400px 200px,#cd853f66,#0000)}.theme-sand h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#d4af37,#8b4513 30%,peru 60%,#daa520);-webkit-background-clip:text;background-clip:text;color:var(--color-text);font-family:var(--font-family-display);text-shadow:0 0 50px #d4af3780,0 0 100px #8b45134d}.theme-sand .subtitle,.theme-sand .subtitle-secondary{color:var(--color-text);font-family:var(--font-family-body);text-shadow:0 2px 4px #000c}.theme-sand .cta-button{background:linear-gradient(135deg,#d4af374d,#8b451340 50%,#daa52033);border:2px solid #d4af3766;box-shadow:0 8px 32px #d4af3780,0 4px 16px #8b451366,inset 0 1px 0 #f5deb366}.theme-sand .cta-button:hover{border-color:#d4af37e6;box-shadow:0 20px 80px #d4af3799,0 10px 40px #8b451380,inset 0 1px 0 #f5deb380}.theme-sand .image-grid-container:before{background-image:linear-gradient(90deg,#0000 49%,#d4af370d 50%,#0000 51%),linear-gradient(0deg,#0000 49%,#8b45130d 50%,#0000 51%)}.theme-sand .image-container{background:#2c1810cc;border:1px solid #d4af374d;box-shadow:0 4px 20px #0006,0 2px 10px #d4af3733}.theme-sand .image-container:hover{box-shadow:0 25px 60px #0009,0 15px 40px #d4af3766,0 8px 20px #8b45134d}.theme-sand .image-overlay{background:linear-gradient(0deg,#2c1810fa 0,#8b4513e6 50%,#cd853fcc);border-top:1px solid #d4af3766}.theme-sand .nickname{font-weight:700;text-shadow:0 2px 8px #000000e6}.theme-sand .nickname,.theme-sand .overlay-content{color:var(--color-text)}.theme-sand .modal{background:linear-gradient(135deg,#2c1810fa,#8b4513fc);border:1px solid #d4af3733;box-shadow:0 15px 40px #00000080,0 0 20px #d4af371a}.theme-sand .overlay{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2c1810cc}.theme-sand .modal h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:var(--color-text);text-shadow:0 2px 8px #000000e6}.theme-sand .modal p{color:var(--color-text);text-shadow:0 1px 4px #000c}.theme-sand .modal h2{background:linear-gradient(45deg,#d4af37,#8b4513)}.theme-sand #portrait-popup{background:#2c1810e6}.theme-sand #portrait-popup:before{background-image:radial-gradient(2px 2px at 80px 120px,#d4af3766,#0000),radial-gradient(1px 1px at 200px 60px,#8b451380,#0000),radial-gradient(1px 1px at 160px 200px,#cd853f4d,#0000),radial-gradient(3px 3px at 300px 150px,#daa52066,#0000)}.theme-sand #portrait-popup .modal{background:linear-gradient(135deg,#2c1810fa,#8b4513f2 50%,#cd853feb);border:2px solid #d4af374d;box-shadow:0 30px 100px #000c,0 0 60px #d4af3733,0 0 40px #8b451326,inset 0 1px 0 #f5deb34d}.theme-sand #portrait-popup .nickname-row h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#d4af37,#8b4513);-webkit-background-clip:text;background-clip:text;color:var(--color-text);text-shadow:0 2px 8px #000000e6}.theme-sand #portrait-popup .join-date,.theme-sand #portrait-popup p{color:var(--color-text);text-shadow:0 1px 4px #000c}.theme-sand #portrait-popup .read-more-text{color:var(--color-quaternary);cursor:pointer;text-shadow:0 1px 4px #000c}.theme-sand #portrait-popup .read-more-text:hover{color:var(--color-primary)}.theme-sand .submit-button{background:linear-gradient(135deg,#d4af37e6,#8b4513e6);box-shadow:0 6px 20px #d4af3759,0 3px 12px #8b45134d}.theme-sand .submit-button:hover{box-shadow:0 10px 30px #d4af3773,0 5px 18px #8b451359}.theme-sand .dropzone{background:linear-gradient(135deg,#d4af371a,#8b451314);border:2px dashed #d4af3799}.theme-sand .dropzone:hover{background:linear-gradient(135deg,#d4af3726,#8b45131a);border-color:#d4af37cc;box-shadow:0 10px 25px #d4af374d,0 5px 15px #8b451340}.theme-sand .dropzone p{color:#d4af37}.theme-sand .sticky-header-cta .sticky-cta-button{background:linear-gradient(135deg,#d4af37e6,#8b4513e6);box-shadow:0 4px 20px #d4af3766,0 2px 10px #8b45134d}.theme-sand .sticky-header-cta .sticky-cta-button:hover{box-shadow:0 8px 30px #d4af3780,0 4px 15px #8b451366}.theme-sand .mobile-bottom-cta{background:linear-gradient(135deg,#2c1810fa,#8b4513fc);border-top:1px solid #d4af3740}.theme-sand .mobile-bottom-cta .mobile-cta-button{background:linear-gradient(135deg,#d4af37e6,#8b4513e6);box-shadow:0 4px 20px #d4af3766,0 2px 10px #8b45134d}.theme-sand .mobile-bottom-cta .mobile-cta-button:hover{box-shadow:0 8px 30px #d4af3780,0 4px 15px #8b451366}.theme-sand .image-grid-container::-webkit-scrollbar-track{background:#d4af371a}.theme-sand .image-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4af37,#8b4513)}.theme-sand .image-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b4513,peru)}.theme-sand .spinner-main{border-color:#d4af37 #8b4513 peru #daa520;border-style:solid;border-width:4px}.theme-sand .spinner-main:before{border-left:3px solid #8b4513b3}.theme-sand .spinner-main:after{background:radial-gradient(circle,#d4af37,#0000)}.theme-sand .spinner{border-bottom:3px solid peru;border-right:3px solid #8b4513;border-top:3px solid #d4af37;box-shadow:0 0 20px #d4af3780}.theme-iraq{--color-primary:#ce1126;--color-secondary:#fff;--color-accent:#000;--color-quaternary:#007a3d;--color-bg:#1a1a1a;--color-text:#fff;--color-text-ethereal:#f0f0f0;--color-text-muted:#ccc;--font-family-display:"Amiri","Scheherazade",serif;--font-family-body:"Noto Naskh Arabic","Amiri",serif}.theme-iraq .App-header{border-bottom:none!important}.theme-iraq .App-header,.theme-iraq .App-header:before{background:none!important}.theme-iraq .App-header:after{background-image:radial-gradient(2px 2px at 100px 50px,#ce112666,#0000),radial-gradient(1px 1px at 200px 100px,#007a3d4d,#0000),radial-gradient(1px 1px at 300px 150px,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 400px 200px,#fff3,#0000)}.theme-iraq h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(45deg,#ce1126,#fff 33%,#007a3d 66%,#000);-webkit-background-clip:text;background-clip:text;color:var(--color-text);display:flex;justify-content:center;line-height:1.6;min-height:3.5rem;padding:.8rem 0;text-shadow:0 0 50px #ce112633,0 0 100px #007a3d1a}.theme-iraq .subtitle,.theme-iraq .subtitle-secondary{color:var(--color-text);font-family:var(--font-family-body);text-shadow:0 2px 4px #000c}.theme-iraq .cta-button{background:linear-gradient(135deg,#ce11264d,#ffffff40 50%,#007a3d33);border:2px solid #fff6;box-shadow:0 8px 32px #ce112680,0 4px 16px #007a3d66,inset 0 1px 0 #fff6}.theme-iraq .cta-button:hover{border-color:#ffffffe6;box-shadow:0 20px 80px #ce112699,0 10px 40px #007a3d80,inset 0 1px 0 #ffffff80}.theme-iraq .image-grid-container:before{background-image:linear-gradient(90deg,#0000 49%,#ce11260d 50%,#0000 51%),linear-gradient(0deg,#0000 49%,#007a3d0d 50%,#0000 51%)}.theme-iraq .image-container{background:#1a1a1acc;border:1px solid #ffffff4d;box-shadow:0 4px 20px #0006,0 2px 10px #ce112633}.theme-iraq .image-container:hover{box-shadow:0 25px 60px #0009,0 15px 40px #ce112666,0 8px 20px #007a3d4d}.theme-iraq .image-overlay{background:linear-gradient(0deg,#1a1a1afa 0,#ce1126e6 50%,#007a3dcc);border-top:1px solid #fff6}.theme-iraq .nickname{font-weight:700;text-shadow:0 2px 8px #000000e6}.theme-iraq .nickname,.theme-iraq .overlay-content{color:var(--color-text)}.theme-iraq .modal{background:linear-gradient(135deg,#1a1a1afa,#ce1126fc);border:1px solid #fff3;box-shadow:0 15px 40px #00000080,0 0 20px #ce11261a}.theme-iraq .overlay{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1acc}.theme-iraq .modal h2{-webkit-text-fill-color:#fff;background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;text-shadow:none}.theme-iraq .modal p{color:var(--color-text);text-shadow:0 1px 4px #000c}.theme-iraq #portrait-popup{background:#1a1a1ae6}.theme-iraq #portrait-popup:before{background-image:radial-gradient(2px 2px at 80px 120px,#ce112666,#0000),radial-gradient(1px 1px at 200px 60px,#007a3d80,#0000),radial-gradient(1px 1px at 160px 200px,#ffffff4d,#0000),radial-gradient(3px 3px at 300px 150px,#0006,#0000)}.theme-iraq #portrait-popup .modal{background:linear-gradient(135deg,#1a1a1afa,#ce1126f2 50%,#007a3deb);border:2px solid #ffffff4d;box-shadow:0 30px 100px #000c,0 0 60px #ce112633,0 0 40px #007a3d26,inset 0 1px 0 #ffffff4d}.theme-iraq #portrait-popup .nickname-row h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ce1126,#fff 33%,#007a3d 66%,#000);-webkit-background-clip:text;background-clip:text;color:var(--color-text);text-shadow:0 2px 8px #000000e6}.theme-iraq #portrait-popup .join-date,.theme-iraq #portrait-popup p{color:var(--color-text);text-shadow:0 1px 4px #000c}.theme-iraq #portrait-popup .read-more-text{color:var(--color-quaternary);cursor:pointer;text-shadow:0 1px 4px #000c}.theme-iraq #portrait-popup .read-more-text:hover{color:var(--color-primary)}.theme-iraq .submit-button{background:linear-gradient(135deg,#ce1126e6,#007a3de6);box-shadow:0 6px 20px #ce112659,0 3px 12px #007a3d4d}.theme-iraq .submit-button:hover{box-shadow:0 10px 30px #ce112673,0 5px 18px #007a3d59}.theme-iraq .dropzone{background:linear-gradient(135deg,#ce11261a,#007a3d14);border:2px dashed #ce112699}.theme-iraq .dropzone:hover{background:linear-gradient(135deg,#ce112626,#007a3d1a);border-color:#ce1126cc;box-shadow:0 10px 25px #ce11264d,0 5px 15px #007a3d40}.theme-iraq .dropzone p{color:#ce1126}.theme-iraq .sticky-header-cta .sticky-cta-button{background:linear-gradient(135deg,#ce1126e6,#007a3de6);box-shadow:0 4px 20px #ce112666,0 2px 10px #007a3d4d}.theme-iraq .sticky-header-cta .sticky-cta-button:hover{box-shadow:0 8px 30px #ce112680,0 4px 15px #007a3d66}.theme-iraq .mobile-bottom-cta{background:linear-gradient(135deg,#1a1a1afa,#ce1126fc);border-top:1px solid #ffffff40}.theme-iraq .mobile-bottom-cta .mobile-cta-button{background:linear-gradient(135deg,#ce1126e6,#007a3de6);box-shadow:0 4px 20px #ce112666,0 2px 10px #007a3d4d}.theme-iraq .mobile-bottom-cta .mobile-cta-button:hover{box-shadow:0 8px 30px #ce112680,0 4px 15px #007a3d66}.theme-iraq .image-grid-container::-webkit-scrollbar-track{background:#ce11261a}.theme-iraq .image-grid-container::-webkit-scrollbar-thumb,.theme-iraq .image-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ce1126,#fff 33%,#007a3d 66%,#000)}.theme-iraq .spinner-main{border-color:#ce1126 #fff #000 #007a3d;border-style:solid;border-width:4px}.theme-iraq .spinner-main:before{border-left:3px solid #007a3db3}.theme-iraq .spinner-main:after{background:radial-gradient(circle,#ce1126,#0000)}.theme-iraq .spinner{border-bottom:3px solid #000;border-right:3px solid #fff;border-top:3px solid #ce1126;box-shadow:0 0 20px #ce112680}.overlay{align-items:center;animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.how-it-works-modal{animation:modalSlideIn .4s ease-out;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#080419fa,#120a2df2 50%,#02010afa);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000080,0 10px 30px #00d4ff1a;max-height:90vh;max-width:900px;overflow-y:auto;padding:3rem 2rem;position:relative;width:90%}.how-it-works-modal:before{background:radial-gradient(circle at 30% 40%,#00d4ff14 0,#0000 60%),radial-gradient(circle at 70% 60%,#ff6b9d0f 0,#0000 60%);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.how-it-works-modal .close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:50px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:50px;z-index:10}.how-it-works-modal .close-btn:hover{background:#fff3;color:#fff;transform:scale(1.1)}.how-it-works-modal .service-container{position:relative;text-align:center;z-index:2}.how-it-works-modal .service-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d4ff,#ff6b9d 50%,#ffeb3b);background-clip:text;-webkit-background-clip:text;font-family:Orbitron,sans-serif;font-family:var(--font-family-display,"Orbitron",sans-serif);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;letter-spacing:-.01em;margin:0 0 2rem;text-shadow:0 0 30px #00d4ff4d}.how-it-works-modal .service-main-description{color:#ffffffe6;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.8;margin:0 auto 3rem;max-width:700px;text-shadow:0 2px 10px #00000080}.how-it-works-modal .service-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:2rem}@media(min-width:768px){.how-it-works-modal .service-features{grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;max-width:800px}}@media(min-width:1200px){.how-it-works-modal .service-features{grid-template-columns:repeat(6,1fr);max-width:1000px}}.how-it-works-modal .feature-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s ease}.how-it-works-modal .feature-item:before{background:linear-gradient(135deg,#00d4ff0d,#ff6b9d08);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.how-it-works-modal .feature-item:hover{border-color:#00d4ff4d;box-shadow:0 10px 40px #00d4ff33,0 5px 20px #ff6b9d1a;transform:translateY(-5px)}.how-it-works-modal .feature-item:hover:before{opacity:1}.how-it-works-modal .feature-item:hover .feature-icon{filter:brightness(1.2);transform:scale(1.1)}.how-it-works-modal .feature-item .feature-icon{display:block;font-size:2rem;margin-bottom:1rem;transition:all .3s ease}.how-it-works-modal .feature-item h3{color:#fffffff2;font-family:Orbitron,sans-serif;font-family:var(--font-family-display,"Orbitron",sans-serif);font-size:1rem;font-weight:600;margin:0;position:relative;text-shadow:0 2px 8px #0000004d;z-index:2}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.how-it-works-modal{max-height:95vh;padding:2rem 1.5rem;width:95%}.how-it-works-modal .close-btn{font-size:20px;height:40px;right:1rem;top:1rem;width:40px}.how-it-works-modal .service-features{gap:1.5rem;grid-template-columns:1fr}.how-it-works-modal .feature-item{padding:1.5rem 1rem}}@media(max-width:480px){.how-it-works-modal{padding:1.5rem 1rem}.how-it-works-modal .service-main-description{font-size:1rem;line-height:1.6}.how-it-works-modal .feature-item{padding:1.2rem .8rem}.how-it-works-modal .feature-item .feature-icon{font-size:1.8rem}.how-it-works-modal .feature-item h3{font-size:.9rem}}.theme-iraq .how-it-works-modal{background:linear-gradient(135deg,#1a1a1afa,#281414f2 30%,#142319f2 70%,#0f0f0ffa)}.theme-iraq .how-it-works-modal:before{background:radial-gradient(circle at 30% 40%,#ce112614 0,#0000 60%),radial-gradient(circle at 70% 60%,#007a3d0f 0,#0000 60%)}.theme-iraq .how-it-works-modal .service-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ce1126,#fff 50%,#007a3d);background-clip:text;-webkit-background-clip:text;text-shadow:0 0 30px #ce11264d}.theme-iraq .how-it-works-modal .feature-item:hover{border-color:#ce11264d;box-shadow:0 10px 40px #ce112633,0 5px 20px #007a3d1a}.theme-iraq .how-it-works-modal .feature-item:before{background:linear-gradient(135deg,#ce11260d,#007a3d08)}#portrait-popup{align-items:flex-start;animation:portalOpen .4s ease-out;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#02010ae6;display:flex;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;top:0;width:100%;z-index:2000}#portrait-popup:before{animation:memoryParticles 6s ease-in-out infinite;background-image:radial-gradient(2px 2px at 80px 120px,#ff6b9d4d,#0000),radial-gradient(1px 1px at 200px 60px,#00d4ff66,#0000),radial-gradient(1px 1px at 160px 200px,#ffeb3b33,#0000),radial-gradient(3px 3px at 300px 150px,#a855f74d,#0000);background-size:400px 300px;content:"";height:100%;pointer-events:none;position:absolute;width:100%}@keyframes portalOpen{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);opacity:1}}@keyframes memoryParticles{0%,to{opacity:.4;transform:translateY(0) rotate(0deg)}33%{opacity:.7;transform:translateY(-15px) rotate(120deg)}66%{opacity:.5;transform:translateY(-5px) rotate(240deg)}}.modal{animation:memoryReveal .6s ease-out;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#120a2df2,#1e0f3ceb 50%,#080419fa);border:2px solid #ffffff1a;border-radius:24px;box-shadow:0 30px 100px #000c,0 0 60px #00d4ff26,0 0 40px #ff6b9d1a,inset 0 1px 0 #fff3;color:#f8fafc;margin:auto;max-height:95vh;max-width:800px;overflow-y:auto;padding:0;position:relative;scrollbar-color:#00d4ff80 #0000;scrollbar-width:thin;width:100%}.modal:before{animation:memoryBorderFlow 4s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#ff6b9d,#a855f7,#ffeb3b,#00d4ff);background-size:400% 400%;border-radius:24px;bottom:-3px;content:"";left:-3px;opacity:.6;position:absolute;right:-3px;top:-3px;z-index:-1}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#ff6b9d);border-radius:10px}.modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6b9d,#a855f7)}@keyframes memoryReveal{0%{filter:blur(10px);opacity:0;transform:translateY(-50px) scale(.95)}50%{filter:blur(2px);opacity:.8;transform:translateY(-10px) scale(1.02)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes memoryBorderFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.modal-content{padding:0}.modal-content .image-container{align-items:center;background:#0000004d;border-radius:16px 16px 0 0;display:flex;justify-content:center;min-height:300px;overflow:hidden;position:relative;width:100%}.modal-content .image-container img{cursor:pointer;display:block;height:auto;max-height:500px;object-fit:contain;opacity:0;position:relative;transition:all .4s ease;width:100%}.modal-content .image-container img.loaded{opacity:1}.modal-content .image-container img:after{animation:memoryShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.modal-content .image-container img.zoomed{cursor:zoom-out;max-height:none;object-fit:contain;transform:scale(1.5)}.modal-content .image-container .image-loading{color:#f8fafccc;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.modal-content .image-container .image-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #00d4ff4d;border-radius:50%;border-top-color:#00d4ff;height:40px;margin:0 auto 1rem;width:40px}.modal-content .image-container .image-loading p{font-size:.9rem;margin:0;opacity:.8}.modal-content .image-container .image-error{color:#f8fafccc;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.modal-content .image-container .image-error .error-icon{color:#ff6b9d;font-size:2rem;margin-bottom:.5rem}.modal-content .image-container .image-error p{font-size:.9rem;margin:0 0 1rem;opacity:.8}.modal-content .image-container .image-error .retry-button{background:linear-gradient(135deg,#00d4ff,#ff6b9d);border:none;border-radius:16px;color:#f8fafc;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.modal-content .image-container .image-error .retry-button:hover{box-shadow:0 4px 15px #00d4ff4d;transform:translateY(-2px)}.modal-content .image-container .image-controls{display:flex;gap:.5rem;left:1rem;opacity:0;position:absolute;top:1rem;transition:opacity .4s ease}.modal-content .image-container .image-controls .fullscreen-button,.modal-content .image-container .image-controls .zoom-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:50%;color:#f8fafc;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.modal-content .image-container .image-controls .fullscreen-button:hover,.modal-content .image-container .image-controls .zoom-button:hover{background:#00d4ff4d;border-color:#00d4ff99;box-shadow:0 0 20px #00d4ff66;transform:scale(1.1)}.modal-content .image-container .image-controls .fullscreen-button:active,.modal-content .image-container .image-controls .zoom-button:active{transform:scale(.95)}.modal-content .image-container .image-controls .fullscreen-button{font-size:1rem}.modal-content .image-container:hover .image-controls{opacity:1}.modal-content .modal.image-zoomed{max-height:95vh;max-width:95vw}.modal-content .modal.image-zoomed .image-container img{max-height:80vh}.modal-content .content-area{padding:2rem}.modal-content h2{-webkit-text-fill-color:#0000;animation:nameGlow 3s ease-in-out infinite alternate;background:linear-gradient(45deg,#00d4ff,#ff6b9d 50%,#ffeb3b);background-clip:text;-webkit-background-clip:text;font-family:Space Grotesk,Inter,sans-serif;font-size:1.8rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 0 30px #00d4ff4d}.modal-content p{word-wrap:break-word;color:#f8fafccc;font-size:1rem;line-height:1.6;margin-bottom:1rem;text-align:left}.modal-content p.join-date{color:#e2e8f0;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.modal-content p.join-date:before{color:#ffeb3b;content:"✦ ";margin-right:.5rem}.modal-content .nickname-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.modal-content .country-flag{border-radius:4px;box-shadow:0 2px 8px #0000004d;height:auto;transition:transform .2s ease;width:24px}.modal-content .country-flag:hover{transform:scale(1.2)}.modal-content .read-more-text{color:#00d4ff;cursor:pointer;font-size:.9rem;font-weight:500;position:relative;text-decoration:none;transition:all .2s ease}.modal-content .read-more-text:after{background:linear-gradient(90deg,#00d4ff,#ff6b9d);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}.modal-content .read-more-text:hover{color:#ff6b9d;transform:translateX(3px)}.modal-content .read-more-text:hover:after{width:100%}.modal-content .close-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;border:1px solid #fff3;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:1.3rem;height:44px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .4s ease;width:44px;z-index:10}.modal-content .close-button:hover{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 4px 20px #0006;color:#f8fafc;transform:scale(1.1) rotate(90deg)}@keyframes nameGlow{0%{filter:brightness(1) drop-shadow(0 0 10px rgba(0,212,255,.3))}to{filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,107,157,.4))}}@keyframes memoryShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){#portrait-popup{padding:1rem}#portrait-popup:before{background-image:radial-gradient(1px 1px at 80px 120px,#ff6b9d33,#0000),radial-gradient(.5px .5px at 200px 60px,#00d4ff4d,#0000),radial-gradient(.5px .5px at 160px 200px,#ffeb3b26,#0000),radial-gradient(1.5px 1.5px at 300px 150px,#a855f733,#0000);background-size:300px 200px}.modal{border-radius:0;margin:0}.modal,.modal.image-zoomed{height:100vh;max-height:100vh;max-width:100vw}.modal .modal-content{display:flex;flex-direction:column;height:100%}.modal .modal-content .content-area{flex:1 1;overflow-y:auto;padding:1rem}.modal .modal-content h2{font-size:1.5rem}.modal .modal-content .image-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0}.modal .modal-content .image-container img{height:auto;max-height:70vh;max-width:100%}.modal .modal-content .image-container img.zoomed{max-height:90vh;transform:scale(1.5)}.modal .modal-content .image-container .image-controls{left:.5rem;top:.5rem}.modal .modal-content .image-container .image-controls .zoom-button{font-size:1rem;height:36px;width:36px}}@media(max-width:480px){#portrait-popup{padding:.5rem}#portrait-popup:before{background-image:radial-gradient(.5px .5px at 80px 120px,#ff6b9d26,#0000),radial-gradient(.3px .3px at 200px 60px,#00d4ff40,#0000),radial-gradient(.3px .3px at 160px 200px,#ffeb3b1a,#0000),radial-gradient(1px 1px at 300px 150px,#a855f726,#0000);background-size:250px 150px}.modal{border-radius:0;margin:0}.modal,.modal.image-zoomed{height:100vh;max-height:98vh;max-width:100vw}.modal .modal-content{display:flex;flex-direction:column;height:100%}.modal .modal-content .content-area{flex:1 1;overflow-y:auto;padding:.75rem}.modal .modal-content h2{font-size:1.3rem}.modal .modal-content .image-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0}.modal .modal-content .image-container img{height:auto;max-height:75vh;max-width:100%}.modal .modal-content .image-container img.zoomed{max-height:95vh;transform:scale(1.8)}.modal .modal-content .image-container .image-controls{left:.3rem;top:.3rem}.modal .modal-content .image-container .image-controls .zoom-button{font-size:.9rem;height:32px;width:32px}.modal .modal-content .close-button{font-size:1.1rem;height:36px;right:.5rem;top:.5rem;width:36px}}@media(max-width:375px)and (max-height:667px){#portrait-popup:before{background-image:radial-gradient(.3px .3px at 80px 120px,#ff6b9d1a,#0000),radial-gradient(.2px .2px at 200px 60px,#00d4ff33,#0000),radial-gradient(.2px .2px at 160px 200px,#ffeb3b14,#0000),radial-gradient(.5px .5px at 300px 150px,#a855f71a,#0000);background-size:200px 120px}.modal .modal-content .image-container img{max-height:80vh}.modal .modal-content .image-container img.zoomed{max-height:98vh;transform:scale(2)}.modal .modal-content .content-area{padding:.5rem}}.fullscreen-overlay{align-items:center;animation:fullscreenFadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000f2;cursor:zoom-out;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}.fullscreen-overlay .fullscreen-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;position:relative;width:100%}.fullscreen-overlay .fullscreen-container .fullscreen-image{animation:fullscreenImageIn .4s ease-out;border-radius:8px;box-shadow:0 0 50px #000c;cursor:default;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.fullscreen-overlay .fullscreen-container .fullscreen-close{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;color:#f8fafc;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;right:2rem;top:2rem;transition:all .4s ease;width:50px;z-index:10}.fullscreen-overlay .fullscreen-container .fullscreen-close:hover{background:#fff3;border-color:#ffffff80;box-shadow:0 0 20px #ffffff4d;transform:scale(1.1)}.fullscreen-overlay .fullscreen-container .fullscreen-info{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:16px;bottom:2rem;left:50%;padding:1rem 2rem;position:absolute;text-align:center;transform:translateX(-50%)}.fullscreen-overlay .fullscreen-container .fullscreen-info p{color:#f8fafc;font-size:1.1rem;font-weight:500;margin:0;text-shadow:0 2px 4px #00000080}@keyframes fullscreenFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1}}@keyframes fullscreenImageIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.fullscreen-overlay .fullscreen-container{padding:1rem}.fullscreen-overlay .fullscreen-container .fullscreen-close{font-size:1.3rem;height:44px;right:1rem;top:1rem;width:44px}.fullscreen-overlay .fullscreen-container .fullscreen-info{bottom:1rem;left:1rem;padding:.75rem 1rem;right:1rem;transform:none}.fullscreen-overlay .fullscreen-container .fullscreen-info p{font-size:1rem}}.cosmic-background{mix-blend-mode:screen;opacity:.6;pointer-events:none;z-index:-1}.cosmic-background,.iraq-background{height:100%;left:0;position:fixed;top:0;width:100%}.iraq-background{overflow:hidden;z-index:-2}.iraq-background .iraq-canvas{filter:contrast(1.1) saturate(1.2)}.iraq-background .iraq-patterns{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.iraq-background .iraq-patterns .pattern-layer{animation:patternFloat 20s linear infinite;background-repeat:repeat;height:100%;opacity:.1;position:absolute;width:100%}.iraq-background .iraq-patterns .pattern-layer.pattern-1{animation-delay:0s;background-image:radial-gradient(2px 2px at 50px 50px,#d4af374d,#0000),radial-gradient(1px 1px at 150px 150px,#8b451333,#0000);background-size:200px 200px,300px 300px}.iraq-background .iraq-patterns .pattern-layer.pattern-2{animation-delay:-5s;animation-direction:reverse;background-image:linear-gradient(45deg,#0000 49%,#d4af371a 50%,#0000 51%),linear-gradient(-45deg,#0000 49%,#8b45131a 50%,#0000 51%);background-size:100px 100px}.iraq-background .iraq-patterns .pattern-layer.pattern-3{animation-delay:-10s;background-image:radial-gradient(3px 3px at 100px 100px,#cd853f33,#0000),radial-gradient(2px 2px at 250px 250px,#daa52026,#0000);background-size:400px 400px,500px 500px}@keyframes patternFloat{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-200px,-200px) rotate(1turn)}}.theme-iraq .iraq-background .pattern-layer{opacity:.15}.theme-iraq .iraq-background .pattern-layer.pattern-1{background-image:radial-gradient(2px 2px at 50px 50px,#d4af3766,#0000),radial-gradient(1px 1px at 150px 150px,#8b45134d,#0000)}.theme-iraq .iraq-background .pattern-layer.pattern-2{background-image:linear-gradient(45deg,#0000 49%,#d4af3726 50%,#0000 51%),linear-gradient(-45deg,#0000 49%,#8b451326 50%,#0000 51%)}.theme-iraq .iraq-background .pattern-layer.pattern-3{background-image:radial-gradient(3px 3px at 100px 100px,#cd853f4d,#0000),radial-gradient(2px 2px at 250px 250px,#daa52040,#0000)}@media(max-width:768px){.iraq-background .iraq-patterns .pattern-layer{opacity:.08}.iraq-background .iraq-patterns .pattern-layer.pattern-1{background-size:150px 150px,200px 200px}.iraq-background .iraq-patterns .pattern-layer.pattern-2{background-size:80px 80px}.iraq-background .iraq-patterns .pattern-layer.pattern-3{background-size:300px 300px,350px 350px}}@media(max-width:480px){.iraq-background .iraq-patterns .pattern-layer{opacity:.06}.iraq-background .iraq-patterns .pattern-layer.pattern-1{background-size:100px 100px,150px 150px}.iraq-background .iraq-patterns .pattern-layer.pattern-2{background-size:60px 60px}.iraq-background .iraq-patterns .pattern-layer.pattern-3{background-size:200px 200px,250px 250px}}.iraq-flag-background{contain:layout paint style;overflow:hidden;pointer-events:none;z-index:-2}.iraq-flag-background,.iraq-flag-image{height:100vh;left:0;position:fixed;top:0;width:100%}.iraq-flag-image{filter:none;object-fit:cover;transform:translateZ(0);will-change:transform}.iraq-flag-overlay{background:linear-gradient(180deg,#0a0a0abf,#0a0a0abf);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.theme-iraq .iraq-flag-background .iraq-flag-overlay{background:radial-gradient(circle at 20% 30%,#ce112626,#0000 60%),radial-gradient(circle at 80% 70%,#007a3d1f,#0000 60%),radial-gradient(circle at 50% 50%,#ffffff14,#0000 60%)}.memory-ripples-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.memory-ripple{--ripple-color:#00d4ff;--ripple-size:100px;--ripple-intensity:1;--ripple-speed:1s;--ripple-decay:1;--ripple-rotation:0rad;--ripple-rotation-speed:0;--ripple-distortion:0.5;animation:rippleExpand 1s ease-out forwards;animation:rippleExpand var(--ripple-speed,1s) ease-out forwards;border-radius:50%;opacity:0;pointer-events:none;position:absolute;transform-origin:center}.memory-ripple:after,.memory-ripple:before{background:radial-gradient(circle,var(--ripple-color) 0,#0000 70%);border-radius:50%;content:"";height:var(--ripple-size);left:50%;opacity:calc(var(--ripple-intensity)*.8);position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--ripple-rotation));width:var(--ripple-size)}.memory-ripple:after{animation-delay:.1s;background:radial-gradient(circle,var(--ripple-color) 0,#0000 50%);height:calc(var(--ripple-size)*1.5);opacity:calc(var(--ripple-intensity)*.4);width:calc(var(--ripple-size)*1.5)}.memory-ripple--memory:before{background:radial-gradient(circle,var(--ripple-color) 0,#00d4ff99 30%,#0000 70%);box-shadow:0 0 20px var(--ripple-color),inset 0 0 20px #ffffff1a}.memory-ripple--memory:after{background:radial-gradient(circle,#00d4ff4d 0,#0000 60%);box-shadow:0 0 40px #00d4ff66}.memory-ripple--temporal:before{background:radial-gradient(circle,var(--ripple-color) 0,#a855f799 40%,#0000 80%);box-shadow:0 0 25px var(--ripple-color),0 0 50px #a855f74d;filter:blur(1px)}.memory-ripple--temporal:after{animation-duration:calc(var(--ripple-speed)*1.5);background:radial-gradient(circle,#a855f733 0,#0000 70%);box-shadow:0 0 60px #a855f733}.memory-ripple--ambient:before{background:radial-gradient(circle,var(--ripple-color) 0,#0000 60%);filter:blur(2px);opacity:calc(var(--ripple-intensity)*.6)}.memory-ripple--ambient:after{animation-duration:calc(var(--ripple-speed)*2);background:radial-gradient(circle,#00d4ff1a 0,#0000 80%);opacity:calc(var(--ripple-intensity)*.2)}.memory-ripple--micro:before{background:radial-gradient(circle,var(--ripple-color) 0,#0000 80%);filter:blur(.5px);opacity:calc(var(--ripple-intensity)*.5)}.memory-ripple--micro:after{display:none}@keyframes rippleExpand{0%{opacity:calc(var(--ripple-intensity)*.8);transform:scale(0) rotate(var(--ripple-rotation))}20%{opacity:calc(var(--ripple-intensity)*1)}50%{opacity:calc(var(--ripple-intensity)*.7);transform:scale(.8) rotate(calc(var(--ripple-rotation) + .1rad))}80%{opacity:calc(var(--ripple-intensity)*.3);transform:scale(1.2) rotate(calc(var(--ripple-rotation) + .2rad))}to{opacity:0;transform:scale(1.5) rotate(calc(var(--ripple-rotation) + .3rad))}}.memory-ripple--temporal{animation:rippleExpand var(--ripple-speed) ease-out forwards,rippleRotate calc(var(--ripple-speed)*2) linear infinite}@keyframes rippleRotate{0%{transform:rotate(var(--ripple-rotation))}to{transform:rotate(calc(var(--ripple-rotation) + 1turn))}}.memory-ripple--memory:before{animation:rippleExpand var(--ripple-speed) ease-out forwards,rippleDistort calc(var(--ripple-speed)*1.5) ease-in-out infinite}@keyframes rippleDistort{0%,to{border-radius:50%;transform:translate(-50%,-50%) rotate(var(--ripple-rotation)) scale(1)}25%{border-radius:45% 55% 55% 45%;transform:translate(-50%,-50%) rotate(calc(var(--ripple-rotation) + .1rad)) scale(1.05)}50%{border-radius:55% 45% 45% 55%;transform:translate(-50%,-50%) rotate(calc(var(--ripple-rotation) + .2rad)) scale(.95)}75%{border-radius:50% 50% 50% 50%;transform:translate(-50%,-50%) rotate(calc(var(--ripple-rotation) + .3rad)) scale(1.02)}}@media(max-width:768px){.memory-ripple{--ripple-size:calc(var(--ripple-size)*0.8)}}@media(max-width:480px){.memory-ripple{--ripple-size:calc(var(--ripple-size)*0.6)}}.memory-ripple{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}.memory-ripple:before{filter:drop-shadow(0 0 10px var(--ripple-color))}.memory-ripple--temporal:before{filter:drop-shadow(0 0 15px var(--ripple-color)) blur(.5px)}.memory-ripple--ambient:before{filter:drop-shadow(0 0 8px var(--ripple-color)) blur(1px)}.notification{animation:notificationSlideIn .5s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 10px 40px #0006,0 0 30px #00d4ff33;color:#f8fafc;font-weight:500;max-width:400px;padding:1.2rem 1.5rem;position:fixed;right:20px;top:20px;z-index:1000}.notification:before{animation:borderFlow 4s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#ff6b9d,#ffeb3b,#00d4ff);background-size:400% 400%;border-radius:24px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.notification:after{animation:notificationParticles 3s linear infinite;background-image:radial-gradient(1px 1px at 20% 30%,#ffffff4d,#0000),radial-gradient(1px 1px at 80% 70%,#00d4ff33,#0000);background-size:60px 60px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.notification.success{background:linear-gradient(135deg,#10b981e6,#00d4ffcc)}.notification.success:before{background:linear-gradient(45deg,#10b981,#00d4ff,#10b981)}.notification.error{background:linear-gradient(135deg,#ef4444e6,#ff6b9dcc)}.notification.error:before{background:linear-gradient(45deg,#ef4444,#ff6b9d,#ef4444)}.notification.warning{background:linear-gradient(135deg,#f59e0be6,#ffeb3bcc)}.notification.warning:before{background:linear-gradient(45deg,#f59e0b,#ffeb3b,#f59e0b)}.notification.info{background:linear-gradient(135deg,#00d4ffe6,#a855f7cc)}.notification.info:before{background:linear-gradient(45deg,#00d4ff,#a855f7,#00d4ff)}.notification-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;position:relative;z-index:2}.notification-message{flex:1 1;font-size:.95rem;line-height:1.5;text-shadow:0 1px 3px #0000004d}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:4px;position:relative;transition:all .2s ease;width:32px;z-index:3}.notification-close:hover{background:#fff3;box-shadow:0 0 15px #ffffff4d;color:#f8fafc;transform:scale(1.1) rotate(90deg)}.notification-close:active{transform:scale(.95)}@keyframes notificationSlideIn{0%{opacity:0;transform:translateX(100%) translateY(-20px)}to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translateX(0) translateY(0)}to{opacity:0;transform:translateX(100%) translateY(-20px)}}@keyframes borderFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes notificationParticles{0%{transform:translateY(0)}to{transform:translateY(-60px)}}.notification.exiting{animation:notificationSlideOut .3s ease-in forwards}@media(max-width:768px){.notification{left:15px;max-width:none;padding:1rem 1.2rem;right:15px;top:15px}.notification .notification-content{gap:.8rem}.notification .notification-message{font-size:.9rem}}@media(max-width:480px){.notification{left:10px;padding:.8rem 1rem;right:10px;top:10px}.notification .notification-message{font-size:.85rem}.notification .notification-close{font-size:1rem;height:28px;width:28px}}.notification{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.notification,.notification:after,.notification:before{animation:none}}body{background:#02010a!important;background-attachment:fixed!important;background-image:radial-gradient(circle at 30% 40%,#0a0620 0,#000211 35%,#02010a 100%)!important;height:100vh;overflow:hidden}.thanks-container{align-items:center;background:#0000;display:flex;height:100vh;justify-content:center;position:relative}.thanks-container:before{animation:celebrationParticles 4s ease-in-out infinite;background-image:radial-gradient(3px 3px at 100px 150px,#ffeb3bcc,#0000),radial-gradient(2px 2px at 300px 80px,#00d4ffb3,#0000),radial-gradient(4px 4px at 200px 250px,#ff6b9d99,#0000),radial-gradient(2px 2px at 500px 200px,#a855f7b3,#0000),radial-gradient(3px 3px at 400px 120px,#10b98199,#0000);background-size:600px 400px}.thanks-container:after,.thanks-container:before{content:"";height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.thanks-container:after{animation:floatingOrbs 8s ease-in-out infinite alternate;background-image:radial-gradient(circle at 20% 30%,#ffeb3b4d 0,#0000 60%),radial-gradient(circle at 80% 70%,#00d4ff33 0,#0000 60%),radial-gradient(circle at 60% 20%,#ff6b9d40 0,#0000 60%)}.thanks-container .thanks-card{animation:gratitudeReveal 1.5s ease-out;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#120a2df2,#1e0f3ce6 50%,#080419fa);border:2px solid #ffffff26;border-radius:24px;box-shadow:0 40px 120px #000c,0 0 80px #00d4ff26,0 0 40px #ff6b9d1a,inset 0 1px 0 #fff3;max-width:700px;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center;width:90%;z-index:2}.thanks-container .thanks-card:before{animation:gratitudeBorderFlow 3s ease-in-out infinite;background:linear-gradient(45deg,#ffeb3b,#00d4ff,#ff6b9d,#a855f7,#ffeb3b);background-size:400% 400%;border-radius:24px;bottom:-3px;content:"";left:-3px;opacity:.8;position:absolute;right:-3px;top:-3px;z-index:-1}.thanks-container .thanks-card:after{animation:successShimmer 2s ease-in-out 1s infinite;background:linear-gradient(90deg,#0000,#ffeb3b4d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.thanks-container .thanks-card .thanks-icon{animation:iconFloat 3s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(16,185,129,.6));height:100px;margin-bottom:2rem;width:100px}.thanks-container .thanks-card .thanks-icon.custom-checkmark{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;color:#fff;display:flex;font-size:3rem;justify-content:center;margin:0 auto 2rem}.thanks-container .thanks-card .thanks-icon.custom-checkmark:before{content:"✓";text-shadow:0 0 10px #fffc}.thanks-container .thanks-card .thanks-title{-webkit-text-fill-color:#0000;animation:titleCelebration 2s ease-out;background:linear-gradient(45deg,#ffeb3b,#00d4ff 30%,#ff6b9d 70%,#ffeb3b);background-clip:text;-webkit-background-clip:text;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;text-shadow:0 0 50px #ffeb3b4d}.thanks-container .thanks-card .thanks-message{animation:messageSlideIn 1s ease-out .5s both;color:#f8fafccc;font-size:1.3rem;font-weight:400;line-height:1.6;margin-bottom:2.5rem}.thanks-container .thanks-card .thanks-loading{animation:loadingPulse 2s ease-in-out infinite;color:#94a3b8;font-size:1.1rem;font-style:italic}.thanks-container .thanks-card .thanks-loading:after{animation:cosmicSpin 1s linear infinite;border:2px solid #00d4ff;border-radius:50%;border-top-color:#0000;content:"";display:inline-block;height:20px;margin-left:10px;vertical-align:middle;width:20px}.thanks-container .thanks-card .thanks-error{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:16px;color:#ef4444;font-size:1.1rem;margin-top:1.5rem;padding:1rem}.thanks-container .thanks-card .thanks-details{animation:detailsReveal 1s ease-out 1s both;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-top:2rem;padding:1.5rem;text-align:left}.thanks-container .thanks-card .thanks-details .thanks-subheading{color:#ffeb3b;font-family:Space Grotesk,Inter,sans-serif;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.thanks-container .thanks-card .thanks-details .thanks-code{background:#0000004d;border:1px solid #00d4ff33;border-radius:8px;color:#00d4ff;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;overflow-x:auto;padding:1rem;white-space:pre-wrap}.thanks-container .thanks-card .thanks-back-button{align-items:center;animation:buttonSlideIn 1s ease-out 1.2s both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:16px;color:#00d4ff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-top:3rem;padding:1rem 2rem;text-decoration:none;transition:all .4s ease}.thanks-container .thanks-card .thanks-back-button:hover{background:#00d4ff33;border-color:#00d4ff80;box-shadow:0 10px 30px #00d4ff4d;transform:translateY(-2px)}.thanks-container .thanks-card .thanks-back-button:before{content:"←";font-size:1.2rem;transition:transform .2s ease}.thanks-container .thanks-card .thanks-back-button:hover:before{transform:translateX(-3px)}@keyframes gratitudeReveal{0%{filter:blur(20px);opacity:0;transform:scale(.5) rotateY(180deg)}50%{filter:blur(5px);opacity:.8;transform:scale(1.1) rotateY(90deg)}to{filter:blur(0);opacity:1;transform:scale(1) rotateY(0deg)}}@keyframes gratitudeBorderFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes titleCelebration{0%{filter:blur(10px);opacity:0;transform:translateY(50px) scale(.8)}60%{filter:blur(2px);opacity:.8;transform:translateY(-10px) scale(1.1)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes detailsReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrationParticles{0%,to{opacity:.6;transform:translateY(0) rotate(0deg)}25%{opacity:1;transform:translateY(-30px) rotate(90deg)}50%{opacity:.8;transform:translateY(-15px) rotate(180deg)}75%{opacity:1;transform:translateY(-25px) rotate(270deg)}}@keyframes floatingOrbs{0%{opacity:.3;transform:translateY(0) scale(1)}to{opacity:.6;transform:translateY(-20px) scale(1.1)}}@keyframes iconFloat{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-10px) rotate(5deg)}}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes successShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes cosmicSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.thanks-container .thanks-card{margin:1rem;padding:3rem 2rem}.thanks-container .thanks-card .thanks-title{font-size:2.5rem}.thanks-container .thanks-card .thanks-message{font-size:1.1rem}.thanks-container .thanks-card .thanks-icon{height:80px;width:80px}.thanks-container .thanks-card .thanks-icon.custom-checkmark{font-size:2.5rem}}@media(max-width:480px){.thanks-container .thanks-card{padding:2rem 1.5rem}.thanks-container .thanks-card .thanks-title{font-size:2rem}.thanks-container .thanks-card .thanks-message{font-size:1rem}.thanks-container .thanks-card .thanks-icon{height:60px;width:60px}.thanks-container .thanks-card .thanks-icon.custom-checkmark{font-size:2rem}.thanks-container .thanks-card .thanks-back-button{font-size:1rem;padding:.8rem 1.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#02010a;background-attachment:fixed;background-image:radial-gradient(circle at 30% 40%,#0a0620 0,#000211 35%,#02010a 100%);color:#f8fafc;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}body:before{animation:starTwinkle 2s ease-in-out infinite alternate;background:radial-gradient(2px 2px at 40px 60px,#fffc,#0000),radial-gradient(2px 2px at 90px 40px,#00d4ff99,#0000),radial-gradient(1px 1px at 160px 30px,#ff6b9db3,#0000),radial-gradient(1px 1px at 300px 120px,#ffeb3b80,#0000),radial-gradient(2px 2px at 240px 180px,#a855f799,#0000);background-repeat:repeat;background-size:320px 200px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes starTwinkle{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}button,input,select,textarea{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;font-family:inherit;font-size:1rem;transition:all .4s ease}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px #00d4ff80;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#a855f7);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6b9d,#00d4ff)}::selection{background:#00d4ff4d;color:#f8fafc}
/*# sourceMappingURL=main.ab83d316.css.map*/