@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}.menu-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f0f1966;border:0!important;box-shadow:0 6px 20px #00000040;gap:5px;height:32px;left:0;top:0;transition:all .2s ease;width:38px;z-index:100001!important}.menu-button span{background:#fffffff2;display:block;transition:transform .2s ease,opacity .2s ease;width:20px}.menu-button.open span:first-child{transform:translateY(2px) rotate(45deg)}.menu-button.open span:nth-child(3){transform:translateY(-2px) rotate(-45deg)}.menu-button:hover{background:#1414238c}.menu-button:focus{outline:none}.menu-button:focus-visible{box-shadow:0 0 0 3px #fff3}.has-user-banner .menu-button{top:48px;top:calc(var(--user-banner-height, 48px))}.has-user-banner .menu-panel{padding-top:120px;padding-top:calc(72px + var(--user-banner-height, 48px))}@media(max-width:768px){.has-user-banner .menu-button{top:51px;top:calc(var(--user-banner-height, 48px) + 3px)}.has-user-banner .menu-panel{padding-top:112px;padding-top:calc(64px + var(--user-banner-height, 48px))}}.menu-overlay{background:#0006;inset:0;z-index:50000}.menu-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a0a14e6;border-right:1px solid #ffffff26;box-shadow:0 10px 40px #00000080;padding:72px 20px 20px;width:100%;z-index:50001}.menu-panel .menu-section{margin-bottom:24px}.menu-panel .menu-section h4{color:#fffc;letter-spacing:.4px;margin:0 0 10px}.menu-panel .menu-section .menu-link{background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;color:#fffffff2;display:inline-block;padding:10px 14px;transition:all .2s ease}.menu-panel .menu-section .menu-link:hover{background:#ffffff29;transform:translateY(-1px)}.menu-panel .menu-section .menu-language-row{margin:0 5px}.protected-route-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.protected-route-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-left-color:#fff;border-radius:50%;height:40px;margin-bottom:1rem;width:40px}.protected-route-loading p{font-size:1.1rem;margin:0}.App-header .auth-link{position:fixed!important;right:20px!important;top:20px!important;z-index:1}@media(max-width:768px){.App-header .auth-link{font-size:12px;padding:.4rem .8rem;right:12px!important;top:12px!important}}@media(max-width:480px){.App-header .auth-link{font-size:11px;padding:.3rem .6rem;right:8px!important;top:8px!important}}:root{--user-banner-height:48px}.join-date,.joined-date{display:none!important}.App{background:radial-gradient(circle at 30% 40%,#0a0620 0,#000211 35%,#02010a 100%);min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:35px;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{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;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.App-header>*{position:relative;z-index:2}.has-user-banner .user-limit-banner{align-items:center;display:flex;height:48px;height:var(--user-banner-height);left:0;position:fixed;right:0;top:0;z-index:1200}.has-user-banner .App-header{margin-top:48px;margin-top:var(--user-banner-height);padding-top:.5rem}.has-user-banner .sticky-header-cta{top:calc(48px + 1rem);top:calc(var(--user-banner-height) + 1rem)}@media(max-width:768px){.has-user-banner .App-header{margin-top:48px;margin-top:var(--user-banner-height)}.has-user-banner .sticky-header-cta{top:calc(48px + .5rem);top:calc(var(--user-banner-height) + .5rem)}}.has-user-banner .overlay{height:calc(100% - 48px);height:calc(100% - var(--user-banner-height));top:48px;top:var(--user-banner-height)}.has-user-banner #how-it-works-popup .how-it-works-modal,.has-user-banner #popup.overlay .modal,.has-user-banner #portrait-popup .modal,.has-user-banner .modal:not(.image-expanded){margin-top:.75rem!important}.has-user-banner .spinner-container{height:calc(100% - 48px);height:calc(100% - var(--user-banner-height));top:48px;top:var(--user-banner-height)}@media(max-width:768px){.has-user-banner .overlay{height:calc(100% - 48px);height:calc(100% - var(--user-banner-height));top:48px;top:var(--user-banner-height)}.has-user-banner #popup.overlay .modal{height:calc(100vh - 48px)!important;height:calc(100vh - var(--user-banner-height))!important}}@keyframes cosmicPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}h1{-webkit-text-fill-color:#0000;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:1rem 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{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{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%}}@media(max-width:768px){.App-header h1{font-size:1.6rem;margin-bottom:.15rem;margin-top:-.25rem}.App-header .subtitle{font-size:.9rem;margin-bottom:.4rem;margin-top:-.2rem}.App-header .protect-tagline{font-size:.8rem!important;margin-top:-.25rem!important}}.cta-container{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{align-items:center;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;display:inline-flex;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:600;justify-content:center;letter-spacing:1px;line-height:1.15;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase}.cta-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.cta-button:after{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}.cta-button .cta-label,.mobile-cta-button .cta-label,.sticky-cta-button .cta-label{align-items:center;display:inline-flex}.cta-button .cta-price-row,.mobile-cta-button .cta-price-row,.sticky-cta-button .cta-price-row{display:block;margin:0;pointer-events:none;position:absolute;right:-4px;top:-4px;z-index:1}.how-it-works-link{color:#ffffffd9;cursor:pointer;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:underline}.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:#00d4ff;text-shadow:0 0 10px #00d4ff66}.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;padding:1rem;z-index:2}.image-grid,.image-grid.gate-highlight .image-container{position:relative}@media(min-width:1025px){.image-grid.gate-highlight .image-container:nth-last-child(-n+10):after{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;content:"";inset:0;position:absolute;z-index:5}.image-grid.gate-highlight .image-container:nth-last-child(-n+10) .image-cosmic-overlay,.image-grid.gate-highlight .image-container:nth-last-child(-n+10) .image-overlay,.image-grid.gate-highlight .image-container:nth-last-child(-n+10) .new-memory-indicator{opacity:0!important}}@media(min-width:769px)and (max-width:1024px){.image-grid.gate-highlight .image-container:nth-last-child(-n+8):after{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;content:"";inset:0;position:absolute;z-index:5}.image-grid.gate-highlight .image-container:nth-last-child(-n+8) .image-cosmic-overlay,.image-grid.gate-highlight .image-container:nth-last-child(-n+8) .image-overlay,.image-grid.gate-highlight .image-container:nth-last-child(-n+8) .new-memory-indicator{opacity:0!important}}@media(max-width:768px){.image-grid.gate-highlight .image-container:nth-last-child(-n+6):after{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fffffff0;content:"";inset:0;position:absolute;z-index:5}.image-grid.gate-highlight .image-container:nth-last-child(-n+6) .image-cosmic-overlay,.image-grid.gate-highlight .image-container:nth-last-child(-n+6) .image-overlay,.image-grid.gate-highlight .image-container:nth-last-child(-n+6) .new-memory-indicator{opacity:0!important}}.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-container .hover-cue{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;box-shadow:0 6px 20px #00000059,0 0 12px #00d4ff40;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:8px;left:50%;letter-spacing:.3px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.95);transition:opacity .2s ease,transform .2s ease,background .2s ease}.image-container .hover-cue-icon{filter:drop-shadow(0 0 4px rgba(255,255,255,.25))}.image-container .hover-cue-text{text-transform:uppercase}.image-container:focus .hover-cue,.image-container:focus-visible .hover-cue,.image-container:hover .hover-cue{background:#000000a6;opacity:1;transform:translate(-50%,-50%) scale(1)}.image-container canvas,.image-container img,.image-container picture{display:block;height:auto;width:100%}.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}.join-bottom-hint{color:#ffffffe6;padding:24px 12px 36px;text-align:center}.join-bottom-hint .primary{font-weight:800;letter-spacing:.3px}.join-bottom-hint .secondary{margin-top:6px;opacity:.9}@media(max-width:768px){.image-grid-container{padding-bottom:88px!important}.join-bottom-hint{padding-bottom:64px}}.spinner-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#02010af2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10001}.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{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-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:0 auto!important;max-height:90vh;overflow-x:hidden!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)}}#popup .modal{padding:.5rem}.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:#94a3b8;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}.char-counter{bottom:8px;color:#ffffffb3;font-size:.75rem;margin:0;pointer-events:none;position:absolute;right:10px;z-index:10}.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}@media(max-width:768px){.App-header{transition:none}.App-header.compact{border-bottom:0}.App-header.compact .how-it-works-link,.App-header.compact h1{max-height:none;opacity:1;pointer-events:auto}.App-header.compact .protect-tagline,.App-header.compact .subtitle,.App-header.compact .subtitle-secondary{height:0;margin:0!important;max-height:0;opacity:0;overflow:hidden;pointer-events:none}.App-header.compact h1{font-size:1.4rem;margin-bottom:.1rem;margin-top:-.2rem}.App-header.compact .subtitle{font-size:.85rem;margin-bottom:.35rem;margin-top:-.15rem}.App-header.compact .protect-tagline{font-size:.75rem!important;margin-top:-.2rem!important}.App-header .cta-container .cta-button{transition:opacity .12s ease,transform .12s ease}.App-header.compact .cta-container .cta-button{font-size:.95rem;opacity:1;padding:.45rem 1.4rem;transform:translateY(-2px)}.App-header.compact .cta-container:before{display:none}.App-header.compact .cta-container,.App-header.compact .cta-container .cta-button{margin:0!important}.App-header+.image-grid-container{transition:none}.App-header.compact+.image-grid-container{height:calc(100vh - 48px)!important;padding-bottom:0!important;padding-top:0!important}.modal{height:calc(98vh - 100px)!important;margin-top:10px;max-height:calc(98vh - 100px)!important}#popup .modal h2{display:none}}.submit-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);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}.submit-button:before{display:none}.submit-button:hover{box-shadow:0 6px 20px #00d4ff40,0 3px 12px #ff6b9d33}.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 .9rem}.App-header:after,.App-header:before,.App:before{animation:none;display:none}.App-header{backdrop-filter:none;-webkit-backdrop-filter:none}h1{font-size:2rem;text-shadow:none}.subtitle,h1{animation:none}.subtitle{font-size:.9rem;margin:.2rem auto .6rem}.subtitle:after{display:none}.subtitle-secondary{animation:none;font-size:.8rem;margin:0 auto 1rem}.subtitle-secondary:before{content:"";display:block}.subtitle-secondary:after{display:none}.cta-button{backdrop-filter:none;-webkit-backdrop-filter:none;border-width:1px;box-shadow:none;font-size:.9rem;letter-spacing:.4px;padding:.7rem 1.2rem;transition:none}.cta-button:after,.cta-button:before{animation:none;display:none}.cta-button:hover{transform:none}.cta-container{animation:none}.cta-container:before{animation:none;display:none}.modal{align-self:flex-start;animation:none;margin:2rem .5rem .5rem;max-height:90vh;max-width:95%;overflow:auto;padding:2rem!important;width:95%}.modal,.overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.overlay{align-items:flex-start;padding-top:1rem}#popup.overlay{align-items:stretch;height:100vh;left:0;padding:0;top:0;width:100vw;z-index:10000}#popup.overlay .modal{border:0!important;border-radius:0!important;box-shadow:none!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;padding-top:3.25rem!important;width:100vw!important}.submit-button{transition:none}.submit-button:hover{box-shadow:none;transform:none}.image-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:100%;padding:0 .5rem}.image-container{aspect-ratio:1/1;box-shadow:0 2px 8px #0003;height:auto;margin:3px;transform:scale(.9);transition:none;width:calc(33.33% - 6px)}.image-container:after{display:none}.image-container:hover{transform:none}.dropzone{padding:1.5rem}.close-btn{font-size:1.4rem;height:36px;right:.5rem;top:.5rem;width:36px}.sticky-header-cta{display:none}.mobile-bottom-cta{display:block}.image-grid-container{height:calc(100vh - 140px)!important;scroll-behavior:auto}.mobile-bottom-cta .mobile-cta-button,.sticky-header-cta .sticky-cta-button{transition:none}.mobile-bottom-cta .mobile-cta-button:hover,.sticky-header-cta .sticky-cta-button:hover{box-shadow:none;transform:none}.App-header.compact .cta-container{margin-top:0!important}.App-header.compact .cta-container .cta-button{margin:0 auto!important}.cta-button .cta-label,.mobile-cta-button .cta-label,.sticky-cta-button .cta-label{padding-right:0}.cta-button .cta-price-row,.mobile-cta-button .cta-price-row,.sticky-cta-button .cta-price-row{right:4px;top:4px}.mobile-bottom-cta{padding:.75rem}.mobile-bottom-cta .mobile-cta-button{border-width:1px;font-size:.9rem;letter-spacing:.4px;padding:.7rem 1.1rem}}@media(max-width:480px){.App-header{padding:.6rem 1rem 1.2rem}h1{font-size:1.8rem}.image-grid-container{height:calc(100vh - 120px)!important;scroll-behavior:auto}#popup.overlay .modal{padding-top:3.5rem!important}.subtitle-secondary{font-size:.7rem;margin:0 auto 1rem}.subtitle-secondary:before{content:"";display:block}.modal{align-self:flex-start;backdrop-filter:none;-webkit-backdrop-filter:none;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:none}.image-grid{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:100%;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);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;position:relative;text-transform:uppercase}.sticky-header-cta .sticky-cta-button:hover{box-shadow:0 8px 30px #00d4ff66,0 4px 15px #ff6b9d4d}.mobile-bottom-cta{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);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%);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;position:relative;text-transform:uppercase;width:100%}.mobile-bottom-cta .mobile-cta-button:hover{box-shadow:0 8px 30px #00d4ff66,0 4px 15px #ff6b9d4d}body.cold-start #portrait-popup,body.cold-start .mobile-bottom-cta,body.cold-start .modal,body.cold-start .spinner-container,body.cold-start .submit-button{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@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}}.cta-button,.cta-button:active,.cta-button:focus,.cta-button:hover,.submit-button,.submit-button.cta-button,.submit-button.cta-button:active,.submit-button.cta-button:focus,.submit-button.cta-button:hover,.submit-button:active,.submit-button:focus,.submit-button:hover{animation:none!important;transform:none!important;transition:none!important}.cta-button:after,.cta-button:before,.submit-button.cta-button:after,.submit-button.cta-button:before,.submit-button:after,.submit-button:before{animation:none!important;transition:none!important}@media(max-width:768px){.App:before{animation:none;display:none}.App-header{backdrop-filter:none;-webkit-backdrop-filter:none}.image-container{box-shadow:none!important}.image-grid-container{height:calc(100vh - 150px)!important;overflow-y:auto!important}.App,body,html{overflow-y:hidden!important}}.field-with-counter{position:relative}.field-with-counter>input,.field-with-counter>textarea{padding-bottom:.6rem;padding-right:3rem}.price-suffix{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000004d;border:1px solid #ffffff40;border-radius:10px;-webkit-clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);color:#fff;display:inline-flex;font-family:Space Grotesk,Inter,sans-serif;font-size:.8em;font-weight:800;gap:4px;letter-spacing:.3px;opacity:.85;padding:6px 12px;vertical-align:middle}.price-suffix .price-dot{display:none}.price-suffix .amount,.price-suffix .currency{font-weight:800}.cta-button:hover .price-suffix,.mobile-cta-button:hover .price-suffix,.sticky-cta-button:hover .price-suffix,.submit-button:hover .price-suffix{filter:brightness(1.05) saturate(1.08);opacity:.9}@media(max-width:768px){.price-suffix{font-size:.72em;padding:4px 8px}.price-suffix .price-dot{display:none}.cta-button .cta-price-row,.mobile-cta-button .cta-price-row{display:block;margin-top:4px;position:static;right:auto;top:auto}.cta-button,.mobile-cta-button{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important}}@media(min-width:769px){.cta-button .cta-price-row,.sticky-cta-button .cta-price-row{display:none!important}}.footer{background:linear-gradient(135deg,#8a2be2e6,#ff6b9de6);border-top:1px solid #fff3;bottom:0;color:#fff;font-size:12px;height:30px;left:0;line-height:1.2;position:fixed;right:0;width:100%;z-index:999}@media(max-width:768px){.footer{bottom:-15px;height:50px}}.footer .footer-content{align-items:center;display:flex;gap:20px;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}@media(max-width:768px){.footer .footer-content{flex-direction:column;gap:5px;height:auto;padding:0 20px!important}}.footer .footer-copyright{opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.footer .footer-copyright{font-size:10px}}.footer .footer-company{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.footer .footer-company{font-size:10px}}.footer .footer-links{display:flex;gap:15px}@media(max-width:768px){.footer .footer-links{flex-wrap:wrap;gap:10px;justify-content:center}}.footer .footer-links a{color:#fc0;text-decoration:none;transition:color .3s ease;white-space:nowrap}@media(max-width:768px){.footer .footer-links a{font-size:10px}}.footer .footer-links a:hover{color:#fff;text-decoration:underline}.theme-malaysia .footer{background:linear-gradient(135deg,#8a2be2e6,#ff6b9de6)}.theme-malaysia .footer .footer-section h4{color:#fc0}.theme-iraq .footer{background:linear-gradient(135deg,#dc143ce6,#191970e6)}.theme-iraq .footer .footer-section h4{color:gold}.theme-global .footer{background:linear-gradient(135deg,#1e1e1ef2,#3c3c3cf2)}.theme-global .footer .footer-section h4{color:#4a90e2}#how-it-works-popup{margin-top:5px!important}@media(min-width:768px){#how-it-works-popup{margin-top:5px}}.overlay{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;box-sizing:border-box;max-height:90vh;max-width:900px;overflow-x:hidden;overflow-y:auto;padding:3rem 2rem;position:relative;width:100%}.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 .how-section{margin:1.25rem auto 1.1rem;max-width:760px;text-align:left}.how-it-works-modal .how-title{color:#fffffff2;font-family:Orbitron,sans-serif;font-family:var(--font-family-display,"Orbitron",sans-serif);font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700;margin:0 0 .45rem}.how-it-works-modal .how-body{color:#ffffffe6;font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.7;margin:.25rem 0 .5rem}.how-it-works-modal .how-list{color:#ffffffe6;margin:.3rem 0 .8rem 1.2rem;padding:0}.how-it-works-modal .how-list li{line-height:1.6;margin:.25rem 0}.how-it-works-modal .how-short{color:#fffffff2;font-style:italic;margin:.5rem 0 .4rem}.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.25rem 1.25rem;align-items:stretch;box-sizing:border-box;display:grid;gap:1.25rem 1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-items:stretch;margin-top:2rem;width:100%}@media(min-width:600px){.how-it-works-modal .service-features{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.how-it-works-modal .service-features{grid-template-columns:repeat(4,1fr)}}.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.4rem 1.1rem 1.55rem;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:.95rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0;position:relative;text-shadow:0 2px 8px #0000004d;word-break:break-word;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{box-sizing:border-box;max-height:95vh;overflow-x:hidden;padding:2rem 1.25rem;width:100%}.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.25rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.how-it-works-modal .feature-item{padding:1.5rem 1rem}}@media(max-width:480px){.how-it-works-modal{padding:1.25rem .85rem}.how-it-works-modal .service-main-description{font-size:1rem;line-height:1.6}.how-it-works-modal .feature-item{padding:1.1rem .7rem 1.25rem}.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)}.entrance-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.entrance-popup{animation:entrancePopupSlideIn .25s ease-out;background:radial-gradient(120% 120% at 50% 0,#00d4ff14,#0000 60%),radial-gradient(120% 120% at 20% 80%,#ff6b9d0f,#0000 60%),linear-gradient(135deg,#12172a,#0f1630 50%,#0b2142);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 24px 80px #00000080,inset 0 0 0 1px #ffffff0f;max-height:80vh;max-width:420px;overflow-y:auto;padding:28px 22px;position:relative;width:92%}@keyframes entrancePopupSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.entrance-popup-close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:28px;line-height:1;padding:1px;position:absolute;right:1px;top:0;transition:color .2s ease}.entrance-popup-close:hover{color:#fff}.entrance-popup-content{color:#fff;text-align:center}.entrance-popup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#ff6b9d);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;line-height:1.2;margin:0 0 12px}.entrance-popup-description{color:#ffffffeb;font-size:14px;line-height:1.6;margin:0 0 8px}.entrance-popup-sub-description{color:#ffffffb8;font-size:13px;font-style:italic;line-height:1.5;margin:0 0 18px}.entrance-popup-actions{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.entrance-popup-claim-btn{background:linear-gradient(135deg,#00d4ff,#3aa0ff 50%,#6a5cff);border:none;border-radius:12px;box-shadow:0 8px 24px #00d4ff38;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 22px;transition:all .25s ease}.entrance-popup-claim-btn .price-suffix{color:#ffd666;font-size:.7em;font-weight:700;letter-spacing:.5px;margin-left:6px;text-shadow:0 0 6px #00000080}.entrance-popup-claim-btn:hover{box-shadow:0 10px 28px #00d4ff52;transform:translateY(-1px)}.entrance-popup-claim-btn:active{transform:translateY(0)}.entrance-popup-later-btn{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:12px;color:#fffffff2;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.entrance-popup-later-btn:hover{background:#ffffff14;border-color:#ffffff47;color:#fff}@media(max-width:768px){.entrance-popup{margin:20px;max-width:calc(100% - 40px);padding:24px 16px}.entrance-popup-title{font-size:20px}.entrance-popup-description{font-size:13px}.entrance-popup-actions{align-items:center;flex-direction:column}.entrance-popup-claim-btn,.entrance-popup-later-btn{max-width:220px;width:100%}}stripe-buy-button{display:block;margin:6px 0 10px;width:100%}#portrait-popup{align-items:center;animation:portalOpen .4s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#02010ae6;bottom:0!important;display:flex;height:100vh!important;justify-content:center;left:0!important;overflow-y:auto;padding:2rem;position:fixed!important;right:0!important;top:0!important;transform:translateZ(0);-webkit-transform:translateZ(0);width:100vw!important;z-index:9999!important}#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(10px);-webkit-backdrop-filter:blur(10px);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(18px);-webkit-backdrop-filter:blur(18px);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 .no-image-placeholder{align-items:center;background:linear-gradient(135deg,#00d4ff,#ff6b9d);border:3px solid #00d4ff;border-radius:16px;box-shadow:0 8px 32px #00d4ff4d;color:#fff;display:flex;font-size:4rem;font-weight:700;height:200px;justify-content:center;margin:2rem auto;width:200px}.modal-content .image-container .image-controls{display:flex;gap:.5rem;left:2rem;opacity:0;position:absolute;top:2rem;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,.modal-content .image-container:hover .share-button{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{display:none}.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 .modal-header{align-items:center;display:flex;justify-content:space-between;left:1rem;pointer-events:none;position:absolute;right:1rem;top:1rem;z-index:10}.modal-content .modal-header .close-button,.modal-content .modal-header .share-button{pointer-events:auto}.modal-content .share-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ff9800cc;border:1px solid #ff98004d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:70px;top:20px;transition:all .4s ease;width:44px}.modal-content .share-button:hover{background:#f57c00e6;border-color:#f57c0080;box-shadow:0 4px 20px #ff980066;transform:scale(1.1)}.modal-content .share-button svg{height:18px;width:18px}.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:20px;top:20px;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%}}@media(max-width:768px){#portrait-popup{align-items:center;overflow-y:auto;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:24px;height:auto;margin:auto;max-height:90vh;max-width:100%}.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}.modal .modal-content .share-button{font-size:1.1rem;height:36px;right:.5rem;top:3.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}}body:has(.fullscreen-overlay) .footer,body:has(.fullscreen-overlay) .header,body:has(.fullscreen-overlay) .menu-button,body:has(.fullscreen-overlay) .top-banner,body:has(.fullscreen-overlay) .user-limit-banner,body:has(.fullscreen-overlay) footer,body:has(.fullscreen-overlay) header{display:none!important}.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;position:relative;width:100%;z-index:10000}.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}}.static-theme-background{background:radial-gradient(circle at 30% 40%,#00d4ff26,#0000 60%),radial-gradient(circle at 70% 60%,#ff6b9d1f,#0000 60%),linear-gradient(135deg,#02010a,#05041a 60%,#090622);filter:saturate(1.1) brightness(1.05);inset:0;pointer-events:none;position:fixed;transition:opacity .8s ease;z-index:-1}body.cold-start .static-theme-background{opacity:0}.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:999999}.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}}.user-limit-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-bottom:2px solid #00d4ff4d;box-shadow:0 2px 10px #0000004d;padding:12px 0;position:relative;z-index:100}.user-limit-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px}.user-limit-info{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px}.user-limit-count{color:#00d4ff;font-size:20px;font-weight:700}.user-limit-separator{color:#fff9;font-size:18px}.user-limit-total{color:#fffc;font-size:18px}.user-limit-label{color:#ffffffb3;font-size:14px;font-weight:400;margin-left:5px}.user-limit-progress{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;max-width:300px;min-width:200px;overflow:hidden;position:relative}.user-limit-progress-bar{background:linear-gradient(90deg,#00d4ff,#ff6b9d);border-radius:4px;height:100%;position:relative;transition:width .5s ease}.user-limit-progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.user-limit-remaining{min-width:150px;text-align:center}.full-text,.remaining-text{color:#fff;font-size:14px;font-weight:500}.remaining-text strong{color:#ff6b9d;font-weight:700}.full-text strong{color:#00d4ff;font-weight:700}@media(max-width:768px){.user-limit-banner{padding:8px 0}.user-limit-content{flex-direction:column;gap:0;padding:0 15px}.user-limit-info{font-size:14px;gap:6px}.user-limit-count{font-size:18px}.user-limit-separator,.user-limit-total{font-size:16px}.user-limit-label{font-size:12px}.user-limit-progress{height:6px;max-width:250px;min-width:150px}.user-limit-remaining{display:none}.full-text,.remaining-text{font-size:12px}}@media(max-width:480px){.user-limit-content{gap:0}.user-limit-info{font-size:13px}.user-limit-count{font-size:16px}.user-limit-separator,.user-limit-total{font-size:14px}.user-limit-progress{max-width:200px;min-width:120px}}body{background:#02010a!important;background-attachment:fixed!important;background-image:radial-gradient(circle at 30% 40%,#0a0620 0,#000211 35%,#02010a 100%)!important}.thanks-container,body{height:100vh;overflow:hidden}.thanks-container{align-items:center;background:#0000;display:flex;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}}.legal-page{color:#eaeaea;line-height:1.65;margin:0 auto;max-width:1200px;padding:48px clamp(16px,6vw,80px) 96px;text-align:left}.legal-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:0;margin:0;padding:0}.legal-title{font-size:28px;font-weight:700;margin:0 0 16px}.legal-loading{align-items:center;color:#aaa;display:flex;gap:12px}.spinner{animation:spin .9s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fffc;height:18px;width:18px}.legal-content{line-height:1.65;text-align:left}.legal-content h1,.legal-content h2,.legal-content h3{color:#fff;font-weight:600;margin:2.2rem 0 1rem}.legal-content li,.legal-content p{font-size:.95rem}.legal-content ol,.legal-content ul{margin:1rem 0;padding-left:1.4rem}.legal-content a{text-decoration:underline}.legal-content strong{color:#fff}.legal-content a{color:#67e8f9}.legal-fallback{display:flex;flex-direction:column;gap:12px}.legal-error{color:#ffc9c9}.legal-iframe{background:#fff;border:0;border-radius:8px;height:70vh;width:100%}.admin-auth-container{align-items:center;display:flex;justify-content:center;min-height:80vh}.admin-card{background:#0b1220;border-radius:12px;box-shadow:0 10px 30px #0000004d;color:#e2e8f0;padding:24px;width:360px}.admin-form .form-group{margin-bottom:12px}.admin-form label{color:#cbd5e1;display:block;font-size:.9rem;margin-bottom:6px}.admin-form input{background:#0f172a;border:1px solid #263041;border-radius:8px;color:#e2e8f0;padding:10px 12px;width:100%}.admin-form .submit-button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 12px;width:100%}.error-message{background:#431e1e;border:1px solid #7f1d1d;color:#fecaca;margin-bottom:10px;padding:8px 10px}.admin-layout{background:#0b1220;color:#e2e8f0;display:flex;min-height:100vh}.admin-sidebar{background:#0f172a;display:flex;flex-direction:column;gap:12px;overflow:auto;padding:16px;width:240px}.admin-sidebar .brand{font-size:1.05rem;font-weight:700;margin-bottom:8px}.admin-sidebar nav ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.admin-sidebar a{border-radius:6px;color:#e2e8f0;display:block;padding:8px 10px;text-decoration:none}.admin-sidebar a:hover{background:#1e293b}.logout-button{background:#334155;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:auto;padding:8px 10px}.logout-button:hover{background:#475569}.admin-main{display:flex;flex:1 1;flex-direction:column;min-height:0}.admin-header{align-items:center;border-bottom:1px solid #1e293b;display:flex;flex:0 0 auto;justify-content:space-between;padding:16px 24px}.admin-content{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 24px}.admin-section h3{margin-bottom:8px}.admin-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:12px}.admin-toolbar .field{display:flex;flex-direction:column;gap:6px}.admin-toolbar select{background:#0f172a;border:1px solid #1e293b;border-radius:6px;color:#e2e8f0;padding:8px 10px}.admin-toolbar .pagination{align-items:center;display:flex;gap:8px}.admin-toolbar .page-hint{color:#94a3b8;font-size:.85rem}.admin-toolbar .spacer{flex:1 1}.table-wrap{border:1px solid #1e293b;border-radius:8px;overflow:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead th{background:#0f172a;border-bottom:1px solid #1e293b;color:#cbd5e1;padding:10px;position:-webkit-sticky;position:sticky;text-align:left;top:0}.admin-table tbody td{border-bottom:1px solid #132034;color:#e2e8f0;font-size:.92rem;padding:10px}.admin-table tbody tr:hover{background:#0e1629}.loading-row{color:#cbd5e1;padding:12px}.admin-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.admin-modal{background:#0b1220;border-radius:12px;box-shadow:0 10px 30px #0006;color:#e2e8f0;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(900px,95vw)}.admin-modal-header{align-items:center;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;padding:12px 16px}.admin-modal-content{overflow:auto;padding:16px}.admin-modal-footer{border-top:1px solid #1e293b;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.button{background:#334155;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 14px}.button:hover{background:#475569}.button.primary{background:#2563eb}.button.primary:hover{background:#1d4ed8}.button.muted{background:#1f2937}.button:disabled{cursor:not-allowed;opacity:.6}.admin-modal .grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.admin-modal .grid-2 .span-2{grid-column:span 2}.admin-modal .field{display:flex;flex-direction:column;gap:6px}.admin-modal input,.admin-modal select,.admin-modal textarea{background:#0f172a;border:1px solid #1e293b;border-radius:6px;color:#e2e8f0;padding:8px 10px}.images-block{display:flex;gap:16px;margin-top:12px}.image-item{background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:12px}.image-item .preview{align-items:center;background:#0b1120;border-radius:6px;display:flex;height:220px;justify-content:center;overflow:hidden;width:220px}.image-item .preview img{max-height:100%;max-width:100%;object-fit:contain}.image-item .actions{display:flex;gap:8px;margin-top:8px}.admin-edit-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr}.panel{background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:16px}.panel h3{color:#cbd5e1;font-size:1.05rem;margin:0 0 12px}.admin-section .field{display:flex;flex-direction:column;gap:6px}.admin-section label{color:#cbd5e1;font-size:.9rem}.admin-section input,.admin-section select,.admin-section textarea{background:#0f172a;border:1px solid #1e293b;border-radius:8px;color:#e2e8f0;padding:10px 12px;width:100%}.admin-section textarea{min-height:90px;resize:vertical}.admin-section input[type=checkbox],.admin-section input[type=radio]{background:#0000;border:none;height:auto;padding:0;width:auto}.admin-section input[type=date],.admin-section input[type=email],.admin-section input[type=number],.admin-section input[type=password],.admin-section input[type=text],.admin-section select,.admin-section textarea{appearance:none;-webkit-appearance:none}.admin-section input[type=checkbox],.admin-section input[type=radio]{accent-color:#2563eb;appearance:auto;-webkit-appearance:auto}.admin-section .field.inline{align-items:center;flex-direction:row;gap:10px}.admin-toolbar.sticky{background:#0b1220;border-bottom:1px solid #1e293b;margin-bottom:12px;padding-bottom:12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}@media(max-width:1024px){.admin-edit-grid{grid-template-columns:1fr}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem;position:relative;width:100%}.login-card .login-back-button{background:none!important;background-color:none!important;border:none;border-radius:8px;color:#555;cursor:pointer;font-weight:600;left:10px;position:absolute;top:1px;transition:background-color .2s ease,transform .2s ease}.login-card .login-back-button:hover{background:#0000000f;transform:translateY(-1px)}.login-card h2{color:#333;font-weight:600;margin-bottom:2rem;text-align:center}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.login-form .form-group input{border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.login-form .form-group input:focus{border-color:#667eea;outline:none}.login-form .form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-message{background-color:#fee;border:1px solid #fed7d7;border-radius:8px;color:#c53030}.error-message,.success-message{margin-bottom:1rem;padding:.75rem;text-align:center}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.forgot-password-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover:not(:disabled){color:#764ba2;text-decoration:underline}.forgot-password-link:disabled{cursor:not-allowed;opacity:.5}.login-footer{margin-top:2rem;text-align:center}.login-footer p{color:#666;margin:0}.login-footer p a{color:#667eea;font-weight:500;text-decoration:none}.login-footer p a:hover{text-decoration:underline}@media(max-width:768px){.login-container{padding:1rem}.login-card{padding:2rem}}.share-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.share-modal{animation:slideUp .3s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;left:50%;max-height:80vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:2001}.share-modal .share-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:24px 24px 16px}.share-modal .share-modal-header h3{color:#2196f3;color:var(--primary-color,#2196f3);font-size:1.5rem;font-weight:600;margin:0}.share-modal .share-modal-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s;width:32px}.share-modal .share-modal-header .close-button:hover{background:#f5f5f5;background:var(--gray-light,#f5f5f5);color:#333;color:var(--text-color,#333)}.share-modal .share-modal-content{padding:24px}.share-modal .share-modal-content .profile-info{align-items:center;background:#fafafa;background:var(--card-bg-secondary,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;display:flex;gap:16px;margin-bottom:32px;padding:16px}.share-modal .share-modal-content .profile-info .profile-image{border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.share-modal .share-modal-content .profile-info .profile-image img{height:100%;object-fit:cover;width:100%}.share-modal .share-modal-content .profile-info .profile-image .placeholder{align-items:center;background:#2196f3;background:var(--primary-color,#2196f3);color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:100%;justify-content:center;text-transform:uppercase;width:100%}.share-modal .share-modal-content .profile-info .profile-details{flex:1 1;min-width:0}.share-modal .share-modal-content .profile-info .profile-details h4{color:#333;color:var(--text-color,#333);font-size:1.2rem;font-weight:600;margin:0 0 8px}.share-modal .share-modal-content .profile-info .profile-details .share-url{background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#666;color:var(--text-secondary,#666);font-family:monospace;font-size:.9rem;margin:0;padding:8px 12px;word-break:break-all}.share-modal .share-modal-content .share-options .share-section{margin-bottom:32px}.share-modal .share-modal-content .share-options .share-section:last-child{margin-bottom:0}.share-modal .share-modal-content .share-options .share-section h4{color:#333;color:var(--text-color,#333);font-size:1.1rem;font-weight:600;margin:0 0 16px}.share-modal .share-modal-content .share-options .share-section .share-buttons{grid-gap:12px;display:grid;gap:12px}.share-modal .share-modal-content .share-options .share-section .share-buttons.social-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;min-height:48px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn svg{flex-shrink:0}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn:active{transform:translateY(0)}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.copy-btn{background:#2196f3;background:var(--primary-color,#2196f3);color:#fff}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.copy-btn:hover{background:#1976d2;background:var(--primary-dark,#1976d2)}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.native-btn{background:#4caf50;background:var(--success-color,#4caf50);color:#fff}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.native-btn:hover{background:#388e3c;background:var(--success-dark,#388e3c)}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.whatsapp-btn{background:#25d366;color:#fff}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.whatsapp-btn:hover{background:#1ebe57}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.facebook-btn{background:#1877f2;color:#fff}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.facebook-btn:hover{background:#166fe5}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.twitter-btn{background:#1da1f2;color:#fff}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.twitter-btn:hover{background:#1a91da}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.email-btn{background:#ea4335;color:#fff}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn.email-btn:hover{background:#d93025}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(min-width:769px)and (max-width:1024px){.share-modal{left:50%;max-height:85vh;max-width:600px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80vw}}@media(max-width:768px){.share-modal-overlay{padding:20px}.share-modal{left:calc(50vw - 50%);position:fixed;top:40px!important;transform:none;width:95vw}.share-modal .share-modal-header{padding:20px 20px 12px}.share-modal .share-modal-header h3{font-size:1.3rem}.share-modal .share-modal-content{padding:20px}.share-modal .share-modal-content .profile-info{flex-direction:column;gap:12px;text-align:center}.share-modal .share-modal-content .profile-info .profile-details h4{font-size:1.1rem}.share-modal .share-modal-content .profile-info .profile-details .share-url{font-size:.8rem}.share-modal .share-modal-content .share-options .share-section{margin-bottom:24px}.share-modal .share-modal-content .share-options .share-section .share-buttons.social-buttons{grid-template-columns:repeat(2,1fr)}.share-modal .share-modal-content .share-options .share-section .share-buttons .share-btn{font-size:.9rem;padding:14px 12px}}[dir=rtl] .share-modal .profile-info .profile-details .share-url{direction:ltr;text-align:left}.dashboard{background:#f5f5f5;background:var(--bg-color,#f5f5f5);color:#333;color:var(--text-color,#333);min-height:100vh;overflow-y:auto;padding:20px 20px 60px;position:relative}.dashboard .dashboard-container{margin:0 auto;max-width:1200px;min-height:100%}.dashboard .dashboard-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:30px;padding:20px 0;text-align:left}.dashboard .dashboard-header h1{color:#2196f3;color:var(--primary-color,#2196f3);font-size:2.5rem;font-weight:600;margin:0 0 10px;text-align:left}.dashboard .dashboard-header .welcome-message{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;font-weight:400;text-align:left}.dashboard section{background:#fff;background:var(--card-bg,#fff);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:24px;text-align:left}.dashboard section h2{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);color:#2196f3;color:var(--primary-color,#2196f3);font-size:1.8rem;font-weight:400;margin:0 0 20px;padding-bottom:10px;text-align:left}.dashboard .spot-price-section{text-align:left}.dashboard .spot-price-section .spot-price-card{background:linear-gradient(135deg,#2196f3,#1976d2);background:linear-gradient(135deg,var(--primary-color,#2196f3),#1976d2);border-radius:12px;box-shadow:0 4px 12px #2196f34d;color:#fff;padding:24px;text-align:left}.dashboard .spot-price-section .spot-price-card .spot-price-header{margin-bottom:20px;text-align:left}.dashboard .spot-price-section .spot-price-card .spot-price-header h3{font-size:1.4rem;font-weight:500;margin:0;text-align:left}.dashboard .spot-price-section .spot-price-card .spot-price-content{text-align:left}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-loading{align-items:center;display:flex;font-size:1rem;gap:12px;text-align:left}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-loading .loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-display{text-align:left}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-display .price-value{align-items:baseline;display:flex;gap:8px;margin-bottom:8px;text-align:left}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-display .price-value .currency{font-size:1.8rem;font-weight:500}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-display .price-value .amount{font-size:2.8rem;font-weight:700;line-height:1}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-display .price-updated{font-size:.85rem;font-style:italic;opacity:.9;text-align:left}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-error{align-items:center;display:flex;font-size:1rem;gap:12px;text-align:left}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-error .retry-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background-color .2s}.dashboard .spot-price-section .spot-price-card .spot-price-content .spot-price-error .retry-button:hover{background:#ffffff4d}.dashboard .profile-section{text-align:left}.dashboard .profile-section .profile-card{align-items:flex-start;display:flex;gap:30px;text-align:left}.dashboard .profile-section .profile-card .profile-image{align-items:center;display:flex;flex-direction:column;gap:15px;position:relative}.dashboard .profile-section .profile-card .profile-image .placeholder,.dashboard .profile-section .profile-card .profile-image img{border:3px solid #2196f3;border:3px solid var(--primary-color,#2196f3);border-radius:8px;height:120px;object-fit:cover;width:120px}.dashboard .profile-section .profile-card .profile-image .placeholder{align-items:center;background:#2196f3;background:var(--primary-color,#2196f3);color:#fff;display:flex;font-size:2rem;font-weight:700;justify-content:center}.dashboard .profile-section .profile-card .profile-image .upload-btn{background:#2196f3;background:var(--primary-color,#2196f3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .3s}.dashboard .profile-section .profile-card .profile-image .upload-btn:hover{background:#1976d2;background:var(--primary-dark,#1976d2)}.dashboard .profile-section .profile-card .profile-details{flex:1 1}.dashboard .profile-section .profile-card .profile-details .profile-form{display:flex;flex-direction:column;gap:20px;position:relative;text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field{display:flex;flex-direction:column;gap:6px;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible;text-align:left;width:100%}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field label{color:#333;color:var(--text-color,#333);display:block;font-size:.9rem;font-weight:500;margin-bottom:6px;text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field label .required{color:#ef4444;color:var(--error-color,#ef4444);font-weight:600;margin-left:2px}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .char-counter{clear:both;color:#666;color:var(--text-secondary,#666);display:block;font-size:.8rem;margin-bottom:0;margin-top:4px;padding:0;position:relative;text-align:right;width:100%}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-input-container{align-items:center;display:flex;position:relative}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-input-container .country-flag-input{border-radius:2px;height:15px;left:12px;position:absolute;width:20px;z-index:1}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-input-container input{background-color:#f5f5f5;background-color:var(--bg-disabled,#f5f5f5);color:#999;color:var(--text-disabled,#999);cursor:not-allowed;padding-left:40px}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-input-container input:disabled{opacity:.7}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-select-container{align-items:center;display:flex;position:relative}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-select-container .country-flag-select{border-radius:2px;height:18px;left:12px;pointer-events:none;position:absolute;width:24px;z-index:1}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-select-container .country-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--input-bg,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;cursor:pointer;font-family:inherit;font-size:1rem;padding:12px 32px 12px 44px;width:100%}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-select-container .country-select:focus{border-color:#2196f3;border-color:var(--primary-color,#2196f3);box-shadow:0 0 0 3px #2196f31a;outline:none}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-select-container .country-select:disabled{background-color:#f5f5f5;background-color:var(--bg-disabled,#f5f5f5);color:#999;color:var(--text-disabled,#999);cursor:not-allowed;opacity:.7}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-select-container .country-select option{padding:8px}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field .country-hint{color:#10b981;color:var(--success-color,#10b981);font-size:.875rem;font-style:italic;margin-top:6px}.dashboard .profile-section .profile-card .profile-details .profile-form input,.dashboard .profile-section .profile-card .profile-details .profile-form textarea{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;box-sizing:border-box;display:block;font-family:inherit;font-size:1rem;margin:0;padding:12px;width:100%}.dashboard .profile-section .profile-card .profile-details .profile-form input:focus,.dashboard .profile-section .profile-card .profile-details .profile-form textarea:focus{border-color:#2196f3;border-color:var(--primary-color,#2196f3);box-shadow:0 0 0 2px #2196f333;outline:none}.dashboard .profile-section .profile-card .profile-details .profile-form textarea{min-height:80px;resize:vertical}.dashboard .profile-section .profile-card .profile-details .profile-form .radio-group{display:flex;gap:20px;margin-top:8px}.dashboard .profile-section .profile-card .profile-details .profile-form .radio-group .radio-option{align-items:center;background-color:#fff;background-color:var(--input-bg,#fff);border:2px solid #e0e0e0;border:2px solid var(--border-color,#e0e0e0);border-radius:6px;cursor:pointer;display:flex;flex:1 1;gap:8px;padding:10px 16px;transition:all .3s ease}.dashboard .profile-section .profile-card .profile-details .profile-form .radio-group .radio-option:hover{background-color:#2196f30d;border-color:#2196f3;border-color:var(--primary-color,#2196f3)}.dashboard .profile-section .profile-card .profile-details .profile-form .radio-group .radio-option input[type=radio]{accent-color:#2196f3;accent-color:var(--primary-color,#2196f3);cursor:pointer;height:18px;margin:0;width:18px}.dashboard .profile-section .profile-card .profile-details .profile-form .radio-group .radio-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.dashboard .profile-section .profile-card .profile-details .profile-form .radio-group .radio-option input[type=radio]:checked+.radio-label{color:#2196f3;color:var(--primary-color,#2196f3);font-weight:600}.dashboard .profile-section .profile-card .profile-details .profile-form .radio-group .radio-option:has(input:checked){background-color:#2196f31a;border-color:#2196f3;border-color:var(--primary-color,#2196f3)}.dashboard .profile-section .profile-card .profile-details .profile-form .radio-group .radio-option:has(input:disabled){background-color:#f5f5f5;background-color:var(--bg-disabled,#f5f5f5);cursor:not-allowed;opacity:.6}.dashboard .profile-section .profile-card .profile-details .profile-form .radio-group .radio-option .radio-label{color:#333;color:var(--text-color,#333);cursor:pointer;flex:1 1;font-size:.95rem;-webkit-user-select:none;user-select:none}.dashboard .profile-section .profile-card .profile-details .profile-form .toggle-label{align-items:center;background:#fafafa;background:var(--card-bg-secondary,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;gap:12px;justify-content:space-between;min-width:0;padding:12px 16px;-webkit-user-select:none;user-select:none;width:100%}.dashboard .profile-section .profile-card .profile-details .profile-form .toggle-label .toggle-checkbox{display:none}.dashboard .profile-section .profile-card .profile-details .profile-form .toggle-label .toggle-switch{background-color:#ccc;border-radius:26px;flex-shrink:0;height:26px;position:relative;transition:background-color .3s ease;width:50px}.dashboard .profile-section .profile-card .profile-details .profile-form .toggle-label .toggle-switch:after{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:20px}.dashboard .profile-section .profile-card .profile-details .profile-form .toggle-label .toggle-checkbox:checked+.toggle-switch{background-color:#2196f3;background-color:var(--primary-color,#2196f3)}.dashboard .profile-section .profile-card .profile-details .profile-form .toggle-label .toggle-checkbox:checked+.toggle-switch:after{transform:translateX(24px)}.dashboard .profile-section .profile-card .profile-details .profile-form .toggle-label .toggle-checkbox:disabled+.toggle-switch{cursor:not-allowed;opacity:.5}.dashboard .profile-section .profile-card .profile-details .profile-form .toggle-label .toggle-text{word-wrap:break-word;color:#333;color:var(--text-color,#333);flex:1 1;font-size:.95rem;font-weight:500;overflow:visible;text-align:left;white-space:normal}.dashboard .profile-section .profile-card .profile-details .profile-form .toggle-hint{color:#666;color:var(--text-secondary,#666);font-size:.85rem;font-style:italic;margin-left:0;margin-top:6px;padding-left:16px}.dashboard .profile-section .profile-card .profile-details .profile-form .form-actions{clear:both;display:flex;gap:10px;margin-top:20px}.dashboard .profile-section .profile-card .profile-details .profile-form .form-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s}.dashboard .profile-section .profile-card .profile-details .profile-form .form-actions button:first-child{background:#2196f3;background:var(--primary-color,#2196f3);color:#fff}.dashboard .profile-section .profile-card .profile-details .profile-form .form-actions button:first-child:hover:not(:disabled){background:#1976d2;background:var(--primary-dark,#1976d2)}.dashboard .profile-section .profile-card .profile-details .profile-form .form-actions button:first-child:disabled{cursor:not-allowed;opacity:.6}.dashboard .profile-section .profile-card .profile-details .profile-form .form-actions button:last-child{background:#f5f5f5;background:var(--gray-light,#f5f5f5);color:#333;color:var(--text-color,#333)}.dashboard .profile-section .profile-card .profile-details .profile-form .form-actions button:last-child:hover{background:#e0e0e0;background:var(--gray-medium,#e0e0e0)}.dashboard .profile-section .profile-card .profile-details .profile-display{text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-display h3{color:#333;color:var(--text-color,#333);font-size:1.5rem;margin:0 0 10px;text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-display .email{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-style:italic;margin-bottom:10px;text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-display .profile-field{margin-bottom:15px;text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-display .profile-field .field-label{color:#333;color:var(--text-color,#333);display:block;font-size:.9rem;font-weight:500;margin-bottom:5px;text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-display .profile-field .field-value{background:#fafafa;background:var(--card-bg-secondary,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#666;color:var(--text-secondary,#666);font-size:.95rem;margin:0;padding:8px 12px;text-transform:capitalize}.dashboard .profile-section .profile-card .profile-details .profile-display .country-display{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.dashboard .profile-section .profile-card .profile-details .profile-display .country-display .field-label{color:#333;color:var(--text-color,#333);font-size:.9rem;font-weight:500;text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-display .country-display .country-value{align-items:center;background:#fafafa;background:var(--card-bg-secondary,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;display:flex;gap:8px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.dashboard .profile-section .profile-card .profile-details .profile-display .country-display .country-flag-display{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:2px;height:16px;object-fit:cover;width:24px}.dashboard .profile-section .profile-card .profile-details .profile-display .country-display .country-code{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-weight:500}.dashboard .profile-section .profile-card .profile-details .profile-display .country-display .no-country{color:#666;color:var(--text-secondary,#666);font-style:italic;font-weight:500}.dashboard .profile-section .profile-card .profile-details .profile-display .bio-container{margin-bottom:15px;text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-display .bio-container .bio-label{color:#333;color:var(--text-color,#333);display:block;font-size:.9rem;font-weight:500;margin-bottom:5px;text-align:left}.dashboard .profile-section .profile-card .profile-details .profile-display .bio-container .bio{word-wrap:break-word;background:#fafafa;background:var(--card-bg-secondary,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#666;color:var(--text-secondary,#666);font-family:inherit;line-height:1.6;margin:0;max-height:150px;overflow-y:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.dashboard .profile-section .profile-card .profile-details .profile-display .created-at{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin-bottom:15px}.dashboard .profile-section .profile-card .profile-details .profile-display .profile-actions{display:flex;flex-wrap:wrap;gap:20px}.dashboard .profile-section .profile-card .profile-details .profile-display button{background:#2196f3;background:var(--primary-color,#2196f3);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;min-width:120px;padding:10px 20px;transition:background-color .3s}.dashboard .profile-section .profile-card .profile-details .profile-display button:hover{background:#1976d2;background:var(--primary-dark,#1976d2)}.dashboard .profile-section .profile-card .profile-details .profile-display button:disabled{cursor:not-allowed;opacity:.6}.dashboard .profile-section .profile-card .profile-details .profile-display button.preview-btn{background:#4caf50;background:var(--success-color,#4caf50)}.dashboard .profile-section .profile-card .profile-details .profile-display button.preview-btn:hover:not(:disabled){background:#388e3c;background:var(--success-dark,#388e3c)}.dashboard .profile-section .profile-card .profile-details .profile-display button.share-btn{background:#ff9800}.dashboard .profile-section .profile-card .profile-details .profile-display button.share-btn:hover:not(:disabled){background:#f57c00}.dashboard .upload-section{text-align:center}.dashboard .upload-section .upload-btn{background:#2196f3;background:var(--primary-color,#2196f3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:500;padding:15px 30px;text-decoration:none;transition:all .3s}.dashboard .upload-section .upload-btn.primary{background:#4caf50;background:var(--success-color,#4caf50)}.dashboard .upload-section .upload-btn.primary:hover{background:#388e3c;background:var(--success-dark,#388e3c);transform:translateY(-2px)}.dashboard .upload-section .upload-btn:hover{background:#1976d2;background:var(--primary-dark,#1976d2);transform:translateY(-2px)}.dashboard .images-section .no-images{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;padding:40px;text-align:center}.dashboard .images-section .load-more-container{margin:30px 0;text-align:center}.dashboard .images-section .load-more-container .load-more-btn{background:#2196f3;background:var(--primary-color,#2196f3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s}.dashboard .images-section .load-more-container .load-more-btn:hover{background:#1976d2;background:var(--primary-dark,#1976d2);transform:translateY(-2px)}.dashboard .images-section .loading-indicator{color:#666;color:var(--text-secondary,#666);font-style:italic;padding:20px;text-align:center}.dashboard .images-section .loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#2196f3;border:2px solid var(--border-color,#e0e0e0);border-top-color:var(--primary-color,#2196f3);display:inline-block;height:20px;margin-right:8px;width:20px}.dashboard .images-section .loading-overlay{align-items:center;background:#fffc;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.dashboard .images-section .loading-overlay .loading-content{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:14px}.dashboard .images-section .loading-overlay .loading-content .loading-spinner{height:16px;margin-right:8px;width:16px}.dashboard .users-section .users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dashboard .users-section .user-card{align-items:center;background:#fafafa;background:var(--card-bg-secondary,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s}.dashboard .users-section .user-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard .users-section .user-card .user-avatar .placeholder,.dashboard .users-section .user-card .user-avatar img{border-radius:50%;height:60px;object-fit:cover;width:60px}.dashboard .users-section .user-card .user-avatar .placeholder{align-items:center;background:#2196f3;background:var(--primary-color,#2196f3);color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.dashboard .users-section .user-card .user-info{flex:1 1}.dashboard .users-section .user-card .user-info h4{color:#333;color:var(--text-color,#333);font-size:1.1rem;margin:0 0 5px}.dashboard .users-section .user-card .user-info p{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0 0 5px}.dashboard .users-section .user-card .user-info .image-count{color:#2196f3;color:var(--primary-color,#2196f3);font-size:.8rem;font-weight:500}.dashboard .users-section .no-users{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;padding:40px;text-align:center}@media(max-width:768px){.dashboard{padding:15px}.dashboard .dashboard-header{margin-bottom:20px;text-align:left}.dashboard .dashboard-header h1{font-size:2rem;text-align:left}.dashboard .dashboard-header .welcome-message{text-align:left}.dashboard section{padding:20px}.dashboard .profile-section .profile-card{flex-direction:column;gap:20px;text-align:center}.dashboard .profile-section .profile-card .profile-image{align-self:center;margin:0 auto}.dashboard .profile-section .profile-card .profile-details,.dashboard .profile-section .profile-card .profile-details .profile-form,.dashboard .profile-section .profile-card .profile-details .profile-form .form-field{text-align:left!important}.dashboard .profile-section .profile-card .profile-details .profile-form .form-field label{display:block;text-align:left!important}.dashboard .profile-section .profile-card .profile-details .profile-display,.dashboard .profile-section .profile-card .profile-details .profile-display .bio-container,.dashboard .profile-section .profile-card .profile-details .profile-display .bio-container .bio-label{text-align:left!important}.dashboard .profile-section .profile-card .profile-details .profile-display .profile-actions{flex-direction:column}.dashboard .profile-section .profile-card .profile-details .profile-display .profile-actions button{min-width:auto}.dashboard .users-section .users-grid{grid-template-columns:1fr}}.dashboard.iraq{--primary-color:#ce1126;--primary-dark:#a00e1e;--success-color:#00843d;--success-dark:#006d33}.dashboard.malaysia{--primary-color:#cc0001;--primary-dark:#990001;--success-color:#006d33;--success-dark:#005529}.dashboard.global{--primary-color:#2196f3;--primary-dark:#1976d2;--success-color:#4caf50;--success-dark:#388e3c}.dashboard .menu-panel .menu-section .menu-link{margin:0 5px}.dashboard .menu-panel .menu-section .menu-link:last-child{margin-bottom:0}.memory-wall-stats-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1f2ef2,#2a3142f2 50%,#1a1f2ef2);border:1px solid #8b5cf633;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin:0 auto 40px;max-width:1400px;padding:16px 20px;position:relative;width:100%;z-index:10}.memory-wall-stats-banner .stats-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1400px}.memory-wall-stats-banner .stats-container .stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.memory-wall-stats-banner .stats-container .stat-item .stat-label{font-size:.75rem;font-weight:500;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.memory-wall-stats-banner .stats-container .stat-item .stat-value{font-family:Orbitron,monospace;font-size:1.25rem;font-weight:700}.memory-wall-stats-banner .stats-container .stat-item.claimed .stat-label{color:#60a5fa}.memory-wall-stats-banner .stats-container .stat-item.claimed .stat-value{color:#60a5fa;text-shadow:0 0 10px #60a5fa80}.memory-wall-stats-banner .stats-container .stat-item.private .stat-label{color:#ef4444}.memory-wall-stats-banner .stats-container .stat-item.private .stat-value{color:#ef4444;text-shadow:0 0 10px #ef444480}.memory-wall-stats-banner .stats-container .stat-item.public .stat-label{color:#10b981}.memory-wall-stats-banner .stats-container .stat-item.public .stat-value{color:#10b981;text-shadow:0 0 10px #10b98180}.memory-wall-stats-banner .stats-container .stat-item.remaining .stat-label{color:#a78bfa}.memory-wall-stats-banner .stats-container .stat-item.remaining .stat-value{color:#a78bfa;text-shadow:0 0 10px #a78bfa80}.memory-wall-stats-banner .stats-container .stat-separator{color:#fff3;font-size:1.5rem;font-weight:300}@media(max-width:768px){.memory-wall-stats-banner{margin-bottom:30px;padding:12px 16px}.memory-wall-stats-banner .stats-container{gap:12px}.memory-wall-stats-banner .stats-container .stat-item{gap:2px}.memory-wall-stats-banner .stats-container .stat-item .stat-label{font-size:.65rem}.memory-wall-stats-banner .stats-container .stat-item .stat-value{font-size:1rem}.memory-wall-stats-banner .stats-container .stat-separator{font-size:1.2rem}}@media(max-width:480px){.memory-wall-stats-banner .stats-container{gap:8px}.memory-wall-stats-banner .stats-container .stat-item .stat-label{font-size:.6rem}.memory-wall-stats-banner .stats-container .stat-item .stat-value{font-size:.9rem}.memory-wall-stats-banner .stats-container .stat-separator{font-size:1rem}}.menu-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f2ee6;border:1px solid #8b5cf64d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:48px;justify-content:center;left:20px;position:fixed;top:15px;transition:all .3s ease;width:48px;z-index:100001}.menu-button span{background:#fff;border-radius:2px;height:2px;transition:all .3s ease;width:24px}.menu-button:hover{background:#8b5cf633;border-color:#8b5cf699}.menu-button.open span:first-child{transform:rotate(45deg) translateY(8px)}.menu-button.open span:nth-child(2){opacity:0}.menu-button.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}@media(max-width:768px){.menu-button{height:44px;left:15px;top:15px;width:44px}}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;right:0;z-index:100000}.menu-overlay,.menu-panel{left:0;position:fixed;top:0}.menu-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1f2efa,#2a3142fa);border-right:1px solid #8b5cf64d;box-shadow:4px 0 20px #00000080;height:100vh;overflow-y:auto;padding:80px 20px 20px;width:280px;z-index:100001}.menu-panel .menu-section{margin-bottom:30px}.menu-panel .menu-section h4{color:#ffffff80;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.menu-panel .menu-section .menu-link{background:#0000;border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:.95rem;margin-bottom:8px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.menu-panel .menu-section .menu-link:hover{background:#8b5cf61a;border-color:#8b5cf64d}.menu-panel .menu-section .menu-language-row{display:inline-flex;gap:8px}.menu-panel .menu-section .menu-language-row button{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.menu-panel .menu-section .menu-language-row button:hover{background:#8b5cf633;border-color:#8b5cf680}@media(max-width:768px){.menu-panel{padding:70px 16px 16px;width:260px}}body.memory-wall-cold-start .cosmic-background,body.memory-wall-cold-start .locker-glow,body.memory-wall-cold-start .memory-wall-header .title-underline{animation:none!important}body.memory-wall-cold-start .locker-tile{transition:none!important}.memory-wall-container{-webkit-overflow-scrolling:touch;background:#0a0e27;height:auto;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:40px 20px 80px;position:relative;width:100%}@media(max-width:768px){.memory-wall-container{min-height:100vh;min-height:-webkit-fill-available;padding:20px 10px 60px}}body:has(.memory-wall-container){height:auto!important;overflow:auto!important;position:static!important;width:auto!important}html:has(.memory-wall-container){height:auto!important;overflow:auto!important}.cosmic-background{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.cosmic-background .stars,.cosmic-background .stars-2,.cosmic-background .stars-3{background:#0000;height:100%;left:0;position:absolute;top:0;width:100%}.cosmic-background .stars{animation:starsMove 60s linear infinite;background:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 60px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 50px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 90px 10px,#fff,#0000);background-size:200px 200px}.cosmic-background .stars-2{animation:starsMove 90s linear infinite;background:radial-gradient(1px 1px at 40px 60px,#fffc,#0000),radial-gradient(1px 1px at 100px 100px,#fff9,#0000),radial-gradient(1px 1px at 150px 40px,#ffffffb3,#0000);background-size:250px 250px}.cosmic-background .stars-3{animation:starsMove 120s linear infinite;background:radial-gradient(1px 1px at 75px 125px,#93c5fd80,#0000),radial-gradient(1px 1px at 175px 75px,#c4b5fd66,#0000);background-size:300px 300px}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(-1000px)}}.memory-wall-header{animation:fadeInDown 1s ease-out;margin-bottom:60px;position:relative;text-align:center;z-index:1}.memory-wall-header .wall-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a78bfa 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:1px;margin:0 0 20px;text-shadow:0 0 40px #a78bfa4d}.memory-wall-header .title-underline{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#a78bfa,#0000);border-radius:2px;box-shadow:0 0 20px #a78bfa99;height:3px;margin:0 auto 30px;width:200px}.memory-wall-header .wall-subtitle{color:#ffffffb3;font-size:clamp(1rem,2.5vw,1.5rem);font-style:italic;font-weight:300;letter-spacing:.5px;margin:0}.locker-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,200px);justify-content:center;margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}@media(max-width:1024px)and (min-width:769px){.locker-grid{gap:20px;grid-template-columns:repeat(auto-fill,180px)}}@media(max-width:768px){.locker-grid{gap:16px;grid-template-columns:repeat(auto-fill,140px);padding:10px}}.locker-tile{background:linear-gradient(135deg,#1a1f2e,#23263f 25%,#3d3154 50%,#23263f 75%,#1a1f2e);border:2px solid #a78bfa40;border-radius:8px;box-shadow:inset 2px 2px 4px #a78bfa1a,inset -2px -2px 4px #00000080,0 4px 12px #0006,0 0 25px #a78bfa14,0 0 0 1px #a78bfa2e;cursor:pointer;height:290px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1);width:200px}.locker-tile:before{background:linear-gradient(180deg,#ffffff08 0,#0000 30%,#0000 70%,#0003);border-radius:6px;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.locker-tile:hover{box-shadow:inset 2px 2px 4px #ffffff14,inset -2px -2px 4px #0009,0 12px 32px #8b5cf64d,0 0 20px #8b5cf633;transform:translateY(-8px) scale(1.02)}@media(max-width:1024px)and (min-width:769px){.locker-tile{height:261px;width:180px}}@media(max-width:768px){.locker-tile{height:203px;width:140px}}.locker-tile.private:hover .locker-glow,.locker-tile.public:hover .locker-glow{opacity:.6}.locker-tile.public .locker-handle,.locker-tile.public .locker-vents-bottom,.locker-tile.public .locker-vents-top{display:none}.locker-tile.unclaimed{background:linear-gradient(135deg,#1a1f2e,#2a3142 50%,#1a1f2e);border:2px dashed #8b5cf64d}.locker-tile.unclaimed:after{animation:pulseGlow 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#8b5cf626 0,#0000 70%);border-radius:6px;content:"";inset:0;position:absolute}.locker-tile.unclaimed:hover{box-shadow:inset 2px 2px 4px #ffffff14,inset -2px -2px 4px #0009,0 12px 32px #8b5cf680,0 0 40px #8b5cf64d}.locker-vents-top{display:flex;flex-direction:column;gap:6px;left:50%;pointer-events:none;position:absolute;top:41px;transform:translateX(-50%);width:60%;z-index:5}.locker-vents-top .vent-slit{background:linear-gradient(90deg,#0000 0,#0009 10%,#000c 50%,#0009 90%,#0000);border-radius:1px;box-shadow:0 1px 0 #ffffff08;height:2px;width:100%}.locker-vents-bottom{bottom:15px;display:flex;flex-direction:column;gap:6px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:60%;z-index:5}@media(max-width:768px){.locker-vents-bottom{bottom:13px}}.locker-vents-bottom .vent-slit{background:linear-gradient(90deg,#0000 0,#0009 10%,#000c 50%,#0009 90%,#0000);border-radius:1px;box-shadow:0 1px 0 #ffffff08;height:2px;width:100%}.locker-handle{background:linear-gradient(90deg,#dcdcdc80 0,#f0f0f099 50%,#dcdcdc80);border-radius:2.5px;box-shadow:inset 1px 0 1px #0000001a,inset -1px 0 1px #0000001a,inset 0 1px .5px #00000014,inset 0 -1px .5px #00000014,0 0 5px #fff3;height:14%;left:3%;position:absolute;top:50%;transform:translateY(-50%);width:5px;z-index:3}@media(max-width:768px){.locker-handle{width:4px}}.locker-handle:before{background:linear-gradient(90deg,#e6e6e640 0,#f5f5f526 50%,#e6e6e640);border-radius:1.25px;box-shadow:inset .5px 0 .5px #00000014,inset -.5px 0 .5px #00000014;content:"";height:65%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.5px}@media(max-width:768px){.locker-handle:before{width:2px}}.locker-handle:after{background:#ffffff4d;border-radius:2.5px 2.5px 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.locker-tile.private .lock-icon-image{height:auto;left:4%;max-width:25px;min-width:16px;position:absolute;top:59%;transform:translate(-50%,-50%);width:14%}.locker-status{align-items:center;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex;font-size:10px;font-weight:700;justify-content:center;letter-spacing:.8px;padding:1px 5px;pointer-events:none;position:absolute;right:0;text-transform:uppercase;top:0;transition:all .3s ease;z-index:10}.locker-status span{display:block}@media(max-width:768px){.locker-status{font-size:6px;letter-spacing:.5px;padding:2px 6px;right:5px;top:5px}}.locker-country-flag{align-items:center;border:none;display:flex;justify-content:center;left:0;padding:4px 6px;pointer-events:none;position:absolute;top:0;z-index:10}.locker-country-flag .flag-icon{border-radius:2px;display:block;height:auto;width:20px}@media(max-width:768px){.locker-country-flag{left:0;padding:3px 4px;top:0}.locker-country-flag .flag-icon{width:16px}}.locker-tile.public .locker-status{background:#10b98159;border:1px solid #10b98180;color:#fff}.locker-tile.private .locker-status{background:#ef444459;border:1px solid #ef444480;color:#fff}.locker-tile.unclaimed .locker-status{animation:statusPulse 3s ease-in-out infinite;background:#60a5fad9!important;border:1px solid #60a5fae6!important;color:#fff!important}@keyframes statusPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.locker-content{align-items:center;border-radius:6px;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:absolute;z-index:2}@media(max-width:768px){.locker-content{padding:12px}}.locker-photo{border:1px solid #0000004d;border-radius:4px;box-shadow:inset 2px 2px 3px #00000059,inset -1px -1px 2px #0003,inset 0 0 6px #00000040;filter:brightness(.9) contrast(1.05);height:100%;object-fit:cover;width:100%;will-change:opacity}.locker-photo img,.locker-photo>div{border-radius:4px;height:100%;width:100%}.locker-photo img{border:1px solid #0000004d;box-shadow:inset 2px 2px 3px #00000059,inset -1px -1px 2px #0003,inset 0 0 6px #00000040;filter:brightness(.9) contrast(1.05);object-fit:cover}.locker-photo-frame{background:linear-gradient(135deg,#1a1f2e,#23263f 25%,#3d3154 50%,#23263f 75%,#1a1f2e);border:1px solid #00000059;border-radius:4px;box-shadow:inset 2px 2px 4px #0006,inset -1px -1px 3px #00000040,inset 0 0 8px #0000004d;display:none;height:100%;width:100%}.locker-name{background:linear-gradient(135deg,#2a2a2a,#3d3d3d 50%,#2a2a2a);border:1px solid #1a1a1a;border-radius:3px;bottom:4px;box-shadow:0 2px 4px #0006,inset 0 1px 0 #ffffff14,inset 0 -1px 0 #0000004d,0 0 0 1px #d4af3733;color:#d4af37;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:11px;font-weight:600;left:50%;letter-spacing:1.2px;overflow:hidden;padding:6px 16px;position:absolute;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap;width:85%;z-index:3}.locker-name:before{background:linear-gradient(180deg,#ffffff0d 0,#0000 50%,#0000001a);border-radius:3px;inset:0}.locker-name:after,.locker-name:before{content:"";pointer-events:none;position:absolute}.locker-name:after{border:1px solid #d4af3726;border-radius:2px;inset:2px}@media(max-width:768px){.locker-name{bottom:3px;font-size:9px;letter-spacing:1px;padding:5px 14px}}.locker-private-overlay{align-items:center;background:#0000;border-radius:6px;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:4}.private-label{background:linear-gradient(135deg,#8b5cf6e6,#a855f7e6);border:1px solid #fff3;border-radius:4px;box-shadow:0 2px 8px #8b5cf666,inset 0 1px 0 #ffffff4d,0 0 0 1px #8b5cf699;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:800;left:50%;letter-spacing:2px;padding:6px 16px;pointer-events:none;position:absolute;text-shadow:0 1px 2px #00000080;text-transform:uppercase;top:38%;transform:translateX(-50%);z-index:6}.private-label:before{background:linear-gradient(135deg,#8b5cf699,#a855f799);border-radius:4px;content:"";filter:blur(4px);inset:-1px;opacity:.7;position:absolute;z-index:-1}@media(max-width:768px){.private-label{font-size:8px;letter-spacing:1.5px;padding:4px 12px;top:36%}}.countdown-timer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000;border:2px solid #333;border-radius:6px;box-shadow:0 4px 20px #000c,inset 0 0 40px #d4af370d;left:50%;max-width:65%;padding:10px 14px;pointer-events:none;position:absolute;top:55%;transform:translate(-50%,-50%);width:auto;z-index:6}.countdown-timer .countdown-label{color:#d4af37;display:block;font-size:8px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-align:center;text-shadow:0 0 8px #d4af3799;text-transform:uppercase}.countdown-timer .countdown-values{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center}.countdown-timer .time-unit{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.countdown-timer .time-unit .time-value{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;font-weight:800;letter-spacing:1.5px;line-height:1;min-width:35px;text-align:right;text-shadow:0 0 12px #fffc,0 2px 4px #000000e6}.countdown-timer .time-unit .time-label{color:#888;font-size:8px;font-weight:600;letter-spacing:.8px;min-width:35px;text-align:left;text-transform:uppercase}.countdown-timer.unlocked{background:#10b98126;border-color:#10b98199}.countdown-timer.unlocked .countdown-label{color:#10b981;font-size:12px;margin:0;text-shadow:0 0 10px #10b981cc}@media(max-width:768px){.countdown-timer{border:1px solid #333;max-width:65%;padding:5px 8px}.countdown-timer .countdown-label{font-size:5px;letter-spacing:.5px;margin-bottom:4px}.countdown-timer .countdown-values{gap:2px}.countdown-timer .time-unit{gap:4px}.countdown-timer .time-unit .time-value{font-size:11px;letter-spacing:.5px;min-width:22px}.countdown-timer .time-unit .time-label{font-size:5px;letter-spacing:.5px;min-width:22px}.countdown-timer.unlocked .countdown-label{font-size:8px}}.locker-unclaimed-content{align-items:center;display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;z-index:4}.locker-unclaimed-content .empty-icon{animation:float 3s ease-in-out infinite;color:#8b5cf699;filter:drop-shadow(0 4px 12px rgba(139,92,246,.4));font-size:52px}@media(max-width:768px){.locker-unclaimed-content .empty-icon{font-size:38px}}.locker-unclaimed-content .claim-button{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:24px;box-shadow:0 4px 12px #8b5cf64d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}@media(max-width:768px){.locker-unclaimed-content .claim-button{font-size:12px;padding:10px 18px}}.locker-unclaimed-content .claim-button:hover{box-shadow:0 8px 24px #8b5cf680,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.locker-unclaimed-content .claim-button:active{transform:translateY(0) scale(.98)}.locker-glow{background:radial-gradient(circle at 50% 50%,#8b5cf64d 0,#0000 70%);border-radius:20px;inset:-20px;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes lockPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}.memory-wall-cta{animation:fadeInUp 1s ease-out .3s backwards;margin-top:80px;padding-bottom:40px;position:relative;text-align:center;z-index:1}.memory-wall-cta .cta-button{align-items:center;background:linear-gradient(135deg,#a78bfa,#60a5fa);border:none;border-radius:50px;box-shadow:0 10px 30px #a78bfa66,0 0 20px #60a5fa4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:12px;overflow:hidden;padding:18px 50px;position:relative;transition:all .3s ease}.memory-wall-cta .cta-button .button-glow{animation:buttonShine 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.memory-wall-cta .cta-button i{animation:starPulse 2s ease-in-out infinite;font-size:1.3rem}.memory-wall-cta .cta-button:hover{box-shadow:0 15px 40px #a78bfa99,0 0 30px #60a5fa80;transform:translateY(-3px) scale(1.05)}.memory-wall-cta .cta-button:active{transform:translateY(-1px) scale(1.02)}.memory-wall-cta .cta-subtitle{color:#fff9;font-size:1rem;font-weight:300;margin-top:20px}@keyframes buttonShine{0%{left:-50%}to{left:150%}}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.memory-locker .locker-status{font-size:.65rem;padding:3px 6px}.memory-locker .locker-badge{font-size:10px;height:24px;width:24px}.memory-locker .locker-handle{bottom:10px;height:6px;width:35px}.memory-locker.public .locker-info .locker-name{font-size:.85rem}.memory-locker.public .locker-info .locker-location{font-size:.75rem}.memory-locker.public .locker-info .locker-years{font-size:.65rem}.memory-locker.private .locker-private-content .lock-icon{font-size:2rem}.memory-locker.private .locker-private-content .private-text{font-size:.9rem}.memory-locker.private .locker-private-content .private-subtext{font-size:.75rem}.memory-locker.unclaimed .locker-unclaimed-content .unclaimed-icon{font-size:2rem}.memory-locker.unclaimed .locker-unclaimed-content .unclaimed-text{font-size:.9rem}.memory-locker.unclaimed .locker-unclaimed-content .unclaimed-subtext{font-size:.75rem}.memory-locker.unclaimed .locker-unclaimed-content .pulse-ring{height:70px;width:70px}.memory-wall-cta .cta-button{font-size:1rem;padding:14px 35px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.private-locker-fullscreen-modal{align-items:flex-start;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:40px 20px;position:fixed;top:0;width:100%;z-index:10000}@media(max-width:768px){.private-locker-fullscreen-modal{padding:20px 10px}}.private-locker-fullscreen-modal .private-modal-content{animation:modalSlideUp .4s ease-out;background:linear-gradient(135deg,#1a1f2e,#23263f 25%,#3d3154 50%,#23263f 75%,#1a1f2e);border-radius:20px;box-shadow:0 20px 60px #000c,0 0 0 1px #a78bfa4d,inset 0 1px 0 #ffffff0d;max-width:600px;padding:40px;position:relative;width:100%}@media(max-width:768px){.private-locker-fullscreen-modal .private-modal-content{max-width:90%;padding:30px 20px}}.private-locker-fullscreen-modal .private-modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.private-locker-fullscreen-modal .private-modal-close:hover{background:#fff3;transform:rotate(90deg)}.private-locker-fullscreen-modal .private-modal-locker{align-items:center;display:flex;flex-direction:column;gap:30px}.private-locker-fullscreen-modal .modal-locker-display{background:linear-gradient(135deg,#1a1f2e,#23263f 25%,#3d3154 50%,#23263f 75%,#1a1f2e);border:2px solid #a78bfa40;border-radius:8px;box-shadow:inset 2px 2px 4px #a78bfa1a,inset -2px -2px 4px #00000080,0 4px 12px #0006,0 0 25px #a78bfa14;height:580px;position:relative;width:400px}@media(max-width:768px){.private-locker-fullscreen-modal .modal-locker-display{height:406px;width:280px}}.private-locker-fullscreen-modal .modal-locker-display .lock-icon-image{height:auto;left:3.6%;max-width:40px;min-width:20px;position:absolute;top:59%;transform:translate(-50%,-50%);width:10%}@media(max-width:768px){.private-locker-fullscreen-modal .modal-locker-display .lock-icon-image{max-width:30px;min-width:16px;width:12%}}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer{border:2px solid #333;max-width:75%;padding:14px 18px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .countdown-label{font-size:11px;letter-spacing:1.2px;margin-bottom:10px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .countdown-values{gap:8px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .time-unit{gap:10px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .time-unit .time-value{font-size:28px;letter-spacing:2px;min-width:45px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .time-unit .time-label{font-size:10px;letter-spacing:1px;min-width:45px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer.unlocked .countdown-label{font-size:16px}@media(max-width:768px){.private-locker-fullscreen-modal .modal-locker-display .countdown-timer{max-width:70%;padding:8px 12px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .countdown-label{font-size:7px;margin-bottom:6px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .countdown-values{gap:4px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .time-unit{gap:6px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .time-unit .time-value{font-size:16px;min-width:28px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer .time-unit .time-label{font-size:7px;min-width:28px}.private-locker-fullscreen-modal .modal-locker-display .countdown-timer.unlocked .countdown-label{font-size:10px}}.private-locker-fullscreen-modal .private-modal-info{max-width:400px;text-align:center}.private-locker-fullscreen-modal .private-modal-info h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin:0 0 15px}@media(max-width:768px){.private-locker-fullscreen-modal .private-modal-info h2{font-size:22px}}.private-locker-fullscreen-modal .private-modal-info p{color:#ffffffb3;font-size:16px;line-height:1.6;margin:0}@media(max-width:768px){.private-locker-fullscreen-modal .private-modal-info p{font-size:14px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{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}@media(max-width:768px){body{background-attachment:scroll}body:before{animation:none;display:none}button,input,select,textarea{backdrop-filter:none;-webkit-backdrop-filter:none}}@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.310a22a2.css.map*/