@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);:root{--aqua-primary:#00e5ff;--aqua-hover:#00b8cc;--dark-bg:#121212;--component-bg:#1e1e1e;--text-primary:#fff;--text-secondary:#b0b0b0;--danger:#cf6679;--success:#03dac6;--font-main:"Roboto",sans-serif;--bg-dot:rgba(0,229,255,.15)}[data-theme=light]{--dark-bg:#f5f5f5;--component-bg:#fff;--text-primary:#121212;--text-secondary:#555;--aqua-primary:#008ba3;--aqua-hover:#00acc1;--bg-dot:rgba(0,0,0,.426)}*{box-sizing:border-box;font-family:Roboto,sans-serif;font-family:var(--font-main);margin:0;outline:none;padding:0}body{background-color:#121212;background-color:var(--dark-bg);color:#fff;color:var(--text-primary);min-height:100vh;overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none}a,button{cursor:pointer}button{background:none;border:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#121212;background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00e5ff;background:var(--aqua-primary)}.nav-section-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--component-bg);border-bottom:1px solid rgba(0,229,255,.1);height:70px;left:0;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-section,.nav-section-container{align-items:center;display:flex;width:100%}.nav-section{justify-content:space-between;margin:0 auto;max-width:1400px}.logo-title h2{color:var(--aqua-primary);cursor:pointer;font-size:1.5rem;font-weight:700}.nav-links-container ul{display:flex;gap:2rem;list-style:none}.nav-links-container ul li a{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.7rem;justify-content:center;padding:.5rem;transition:all .3s ease}.nav-links-container ul li a.active,.nav-links-container ul li a:hover{background:rgba(0,229,255,.1);color:var(--aqua-primary)}.user-auth-items{align-items:center;display:flex;gap:1.5rem}.nav-auth-buttons{flex-wrap:nowrap;gap:.8rem}.nav-auth-buttons,.nav-btn{align-items:center;display:flex;white-space:nowrap}.nav-btn{border:1px solid transparent;border-radius:12px;flex-shrink:0;font-size:.95rem;font-weight:600;justify-content:center;padding:.6rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn.login{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:var(--text-primary)}.nav-btn.login:hover{background:hsla(0,0%,100%,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav-btn.signup{background:var(--aqua-primary);box-shadow:0 4px 15px rgba(0,229,255,.2);color:#000}.nav-btn.signup:hover{background:var(--aqua-hover);box-shadow:0 6px 20px rgba(0,229,255,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.user-profile{align-items:center;display:flex;gap:1rem}.user-profile img{border:2px solid var(--aqua-primary);border-radius:50%;height:40px;width:40px}.logout-btn{color:var(--danger);font-size:1.2rem;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.logout-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-dropdown-wrapper{align-items:center;display:flex;position:relative}.nav-dropdown-trigger{background:none;border:none;cursor:pointer;padding:0;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.nav-dropdown-trigger,.nav-dropdown-trigger .circle1{align-items:center;display:flex;justify-content:center}.nav-dropdown-trigger .circle1{background:linear-gradient(135deg,var(--aqua-primary),#008b8b);border-radius:50%;color:#000;font-size:1.5rem;font-weight:700;height:45px;position:relative;width:45px}.nav-dropdown-trigger:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.nav-trigger-img{border:2px solid var(--aqua-primary);border-radius:50%;box-shadow:0 0 10px rgba(0,229,255,.2);height:44px;object-fit:cover;width:44px}.nav-dropdown-wrapper .user-svg-icon{color:var(--text-secondary);font-size:2.5rem;transition:color .3s ease}.nav-dropdown-wrapper:hover .user-svg-icon{color:var(--aqua-primary)}.nav-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--component-bg);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.5);opacity:0;padding:.8rem;position:absolute;right:0;top:calc(100% + 15px);-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:220px;z-index:1001}.nav-dropdown-menu.show,.nav-dropdown-wrapper:hover .nav-dropdown-menu{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.dropdown-header{border-bottom:1px solid hsla(0,0%,100%,.05);margin-bottom:.5rem;padding:.8rem 1rem}.user-name{color:var(--aqua-primary);font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item{align-items:center;border-radius:10px;color:var(--text-secondary);display:flex;font-size:.95rem;gap:1rem;margin-bottom:2px;padding:.8rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:rgba(0,229,255,.1);color:var(--aqua-primary)}.dropdown-item svg{font-size:1.1rem}.dropdown-divider{background:hsla(0,0%,100%,.05);height:1px;margin:.5rem 0}.logout-item{color:var(--danger)!important}.logout-item:hover{background:rgba(207,102,121,.1)!important}.hamburger-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:2000}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-content{background:var(--component-bg);box-shadow:-5px 0 15px rgba(0,0,0,.3);display:flex;flex-direction:column;height:100%;height:100dvh;overflow-y:auto;position:absolute;right:-300px;scrollbar-width:none;top:0;transition:right .3s ease;width:300px}.sidebar-content::-webkit-scrollbar{display:none}.sidebar-content.open{right:0}.sidebar-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.sidebar-header h3{color:var(--aqua-primary)}.sidebar-header .close-btn{color:var(--text-secondary);font-size:1.2rem}.sidebar-profile-section{border-bottom:1px solid hsla(0,0%,100%,.05);padding:.7rem}.profile-info{align-items:center;display:flex;gap:1rem}.profile-img-container .user-svg-icon,.profile-img-container img{border:2px solid var(--aqua-primary);border-radius:50%;height:60px;width:60px}.profile-text h4{color:var(--text-primary);margin-top:.2rem}.sidebar-auth-links{display:flex;flex-direction:column;gap:1rem}.sidebar-auth-links a{background:var(--aqua-primary);border-radius:8px;color:#000;font-weight:600;padding:.8rem;text-align:center}.sidebar-links{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.sidebar-links a{align-items:center;border-radius:12px;color:var(--text-secondary);display:flex;font-size:1.05rem;font-weight:500;gap:1.2rem;padding:1rem 1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-links a.active,.sidebar-links a:hover{background:rgba(0,229,255,.05);color:var(--aqua-primary)}.sidebar-footer{border-top:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.theme-toggle{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.1);color:var(--text-primary);display:flex;font-size:1.2rem;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.theme-toggle:hover{background:rgba(0,229,255,.1);border-color:var(--aqua-primary);color:var(--aqua-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.theme-toggle-sidebar{align-items:center;background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:var(--text-primary);display:flex;font-size:1.05rem;font-weight:600;gap:1.2rem;justify-content:left;margin-bottom:.5rem;padding:1.1rem 1.5rem;transition:all .3s ease;width:100%}.theme-toggle-sidebar:hover{background:hsla(0,0%,100%,.08);border-color:var(--aqua-primary)}.logout-btn-sidebar{align-items:center;background:rgba(207,102,121,.08);border:1px solid rgba(207,102,121,.15);border-radius:16px;color:var(--danger);display:flex;font-size:1.05rem;font-weight:600;gap:1.2rem;justify-content:left;padding:1.1rem 1.5rem;transition:all .3s ease;width:100%}.logout-btn-sidebar:hover{background:rgba(207,102,121,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media screen and (max-width:768px){.nav-section{align-items:center;display:flex;justify-content:space-between;width:100%}.logo-title{display:block!important}.logo-title h2{font-size:1.2rem}.desktop-nav,.nav-links-container{display:none!important}.hamburger-btn{display:block;position:static}.sidebar-content{max-width:320px;width:85%}.nav-section-container{padding:0 1rem}}.footer-section{background:var(--component-bg);border-top:1px solid hsla(0,0%,100%,.05);padding:3rem 2rem 1.5rem;width:100%}.footer-container{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1200px}.footer-main-info{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.footer-brand h3{color:var(--text-primary);font-size:1.3rem;font-weight:500;margin-bottom:.6rem}.footer-brand h3 span{color:var(--aqua-primary);font-family:Kaushan Script,cursive;font-size:1.5rem;margin-left:.6rem}.footer-brand p{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.8rem}.footer-icon{color:var(--aqua-primary);font-size:1.1rem}.footer-links-group{align-items:center;display:flex;gap:1.5rem}.footer-links-group a{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:.7rem;padding:.7rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-links-group a:hover{background:rgba(0,229,255,.05);border-color:rgba(0,229,255,.2);color:var(--aqua-primary);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.03);padding-top:1.5rem;text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:.85rem;opacity:.7}@media screen and (max-width:768px){.footer-section{padding:3rem 1.5rem 120px}.footer-main-info{flex-direction:column;gap:2rem;text-align:center}.footer-links-group{flex-wrap:wrap;gap:.8rem;justify-content:center;width:100%}.footer-links-group a{flex:1 1;justify-content:center;min-width:130px}.footer-brand h3 span{display:block;margin-left:0;margin-top:.4rem}.footer-brand p{justify-content:center}}@media screen and (max-width:480px){.footer-links-group a{min-width:100%}}.loader-spinner{align-items:center;background-color:var(--component-bg);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid rgba(0,229,255,.1);border-left:4px solid var(--aqua-primary);box-shadow:0 0 20px rgba(0,229,255,.3);height:100px;width:100px}.user-Friend-Profile{align-items:center;background:rgba(0,0,0,.85);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.user-Friend-Profile.visible{display:none!important}.friend-Profile{background:var(--component-bg);border:1px solid #333;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);color:var(--text-primary);max-width:500px;padding:2rem;position:relative;width:90%}.friend-details{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.friend-details img{border:3px solid var(--aqua-primary);border-radius:50%;height:100px;object-fit:cover;width:100px}.friend-details .email,.friend-details .name{color:var(--text-primary);font-size:1.2rem;font-weight:600}.friend-details .email{color:var(--text-secondary);font-size:1rem}.profilebtn{background:transparent;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.profilebtn:hover{color:var(--danger)}.hero-section{align-items:center;background:var(--dark-bg);background-image:radial-gradient(circle,var(--bg-dot) 1.5px,transparent 1.6px);background-size:20px 20px;display:flex;height:100vh;justify-content:center;overflow:hidden;padding-top:60px;position:relative;width:100%}.hero-section:after{background-image:radial-gradient(circle,var(--bg-dot) 7px,transparent 8px);background-size:20px 20px;height:100%;left:0;mask-image:radial-gradient(200px circle at 50% 50%,var(--bg-dot),transparent);mask-image:radial-gradient(200px circle at var(--x,50%) var(--y,50%),var(--bg-dot),transparent);-webkit-mask-image:radial-gradient(200px circle at 50% 50%,var(--bg-dot),transparent);-webkit-mask-image:radial-gradient(200px circle at var(--x,50%) var(--y,50%),var(--bg-dot),transparent);top:0;width:100%;z-index:1}.hero-section:after,.hero-section:before{content:"";pointer-events:none;position:absolute}.hero-section:before{background:radial-gradient(circle,rgba(0,229,255,.05) 0,transparent 70%);height:600px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px;z-index:0}.auth-btn{max-width:800px;padding:2rem;text-align:center;z-index:2}.auth-btn h1{color:var(--text-primary);font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.auth-btn h1 span{color:var(--aqua-primary)}.auth-btn p{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.authbuttons{display:flex;gap:1.5rem;justify-content:center}.authbuttons a{border-radius:8px;font-size:1rem;font-weight:700;letter-spacing:1px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.authbuttons a:first-child{background:var(--aqua-primary);color:#000}.authbuttons a:first-child:hover{background:var(--aqua-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.authbuttons a:last-child{background:transparent;border:1px solid var(--aqua-primary);color:var(--aqua-primary)}.authbuttons a:last-child:hover{background:rgba(0,229,255,.1)}.hero-content{align-items:center;background:var(--dark-bg);background-image:radial-gradient(circle,var(--bg-dot) 1.5px,transparent 1.6px);background-size:20px 20px;display:flex;justify-content:center;min-height:90vh;overflow:hidden;padding-top:60px;position:relative;width:100%}.hero-content:after{background-image:radial-gradient(circle,var(--aqua-primary) 2px,transparent 2.2px);background-size:20px 20px;height:100%;left:0;mask-image:radial-gradient(200px circle at 50% 50%,#000,transparent);mask-image:radial-gradient(200px circle at var(--x,50%) var(--y,50%),#000,transparent);-webkit-mask-image:radial-gradient(200px circle at 50% 50%,#000,transparent);-webkit-mask-image:radial-gradient(200px circle at var(--x,50%) var(--y,50%),#000,transparent);top:0;width:100%;z-index:1}.hero-content:after,.hero-content:before{content:"";pointer-events:none;position:absolute}.hero-content:before{background:radial-gradient(circle,rgba(0,229,255,.03) 0,transparent 60%);height:800px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:800px}.hero-content .image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:60px 0 60px 0;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:2rem;text-align:center;z-index:2}.hero-content p{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0;text-transform:capitalize}.hero-content p span{-webkit-text-fill-color:transparent;background:linear-gradient(to right,var(--aqua-primary),#00b8cca8);-webkit-background-clip:text;color:transparent;display:block;font-size:3.5rem;margin-top:.5rem}@media screen and (max-width:768px){.auth-btn h1{font-size:2.5rem}.authbuttons{flex-direction:column;gap:1rem;padding:0 2rem;width:100%}.authbuttons a{text-align:center;width:100%}.hero-content p{font-size:1.5rem}.hero-content p span{font-size:2.5rem}}.login-section,.register-section,.reset-pass{background:var(--component-bg);background-image:radial-gradient(circle,var(--bg-dot) 1.5px,transparent 1.6px);background-size:20px 20px;border:1px solid #333;border-radius:12px;color:var(--text-primary);margin:2rem auto;max-width:500px;padding:2.5rem;width:100%}.main-text{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;text-align:center;text-transform:uppercase;width:100%}.form-section input,.log-in-form input,.otp-verify-form input,.reset-pass input,.resetPassword input{background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:1.2rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.form-section input:focus,.log-in-form input:focus,.otp-verify-form input:focus,.reset-pass input:focus,.resetPassword input:focus{background:#333;border-color:var(--aqua-primary);box-shadow:0 0 0 2px rgba(0,255,255,.1);outline:none}.submit{background:var(--aqua-primary);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.9rem;transition:background .3s ease;width:100%}.submit:hover{background:var(--aqua-hover);box-shadow:0 5px 15px rgba(0,255,255,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.redirect-register{color:var(--text-secondary);margin-top:1.5rem;text-align:center}.redirect-register a,h4 a{color:var(--aqua-primary);font-weight:600;margin-left:.5rem}.redirect-register a:hover,h4 a:hover{text-decoration:underline}.password-show{position:relative;width:100%}.password-show .btn{background:transparent;color:var(--text-secondary);position:absolute;right:15px;top:35%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.image-upload-container{align-items:center;display:flex;flex-direction:column;margin-bottom:.2rem}.image-preview{height:80px;position:relative;width:80px}.image-preview img{box-shadow:0 0 15px rgba(0,229,255,.3);object-fit:cover}.default-user-icon,.image-preview img{border:3px solid var(--aqua-primary);border-radius:50%;height:100%;width:100%}.default-user-icon{background:#1a1a1a;color:var(--text-secondary)}.circle{align-items:center;background:linear-gradient(135deg,var(--aqua-primary),#008b8b);border:3px solid var(--aqua-primary);border-radius:50%;color:#000;display:flex;font-weight:700;height:100%;justify-content:center;position:relative;width:100%}.circle .letter{margin:0}.upload-icon{align-items:center;background:var(--component-bg);border:2px solid var(--aqua-primary);border-radius:50%;bottom:0;color:var(--aqua-primary);cursor:pointer;display:flex;justify-content:center;padding:.3rem;position:absolute;right:0;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.upload-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.upload-status{font-size:.9rem;font-weight:500;margin-top:.5rem;min-height:20px}.gender-selection{background:#2a2a2a;border:1px solid #444;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.gender-selection p{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:.8rem}.gender-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-around}.gender-options label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;transition:color .2s ease}.gender-options label:hover{color:var(--aqua-primary)}.gender-options input[type=radio]{accent-color:var(--aqua-primary);cursor:pointer;height:1.2rem;margin:0;width:1.2rem}.gender-options input[type=radio],.gender-options input[type=radio]:focus{background:transparent;border:none;box-shadow:none;outline:none}.form-section .gender{align-items:center;display:flex;flex-direction:row;padding:1rem;width:100%}#female,#male,#other{height:15px;width:15px}.gender label{font-weight:700;text-transform:capitalize}.form-section input{border-radius:7px;font-weight:800;height:35px;padding:5px;width:100%}.form-section{margin:1rem auto}.form-section img{border:none;border-radius:50%;height:80px;object-fit:cover;width:80px}.form-section .span{cursor:pointer;font-size:1.5rem}.form-section #submit{cursor:pointer;font-weight:800;min-height:30px;text-align:center;text-transform:capitalize;width:100px}@media screen and (max-width:1200px){.register-section{width:80%}.form-section img{height:70px;width:70px}}@media screen and (max-width:800px){.login-section,.register-section{margin:2rem auto 6rem;overflow-x:auto;width:90%}#register{font-size:1rem}#span{color:#b00d0d;font-size:.4rem;text-align:left}.form-section img{height:60px;width:60px}}@media screen and (max-width:480px){.login-section,.register-section{margin:2rem auto 80px;padding:1.5rem;width:95%}.main-text{font-size:1.5rem;margin-bottom:1.5rem}.gender-options{gap:.2rem}.gender-options label{font-size:.9rem}}.otp-verify{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0000007a;height:100vh}.otp-verify-form{margin:1rem auto;max-width:350px}.otp-verify-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#email-verify,#verify{border:2px solid #000;border-radius:10px;display:block;height:40px;margin:1rem auto;padding:5px;width:50%}#verify::-webkit-inner-spin-button{-webkit-appearance:none}.forget-pass{padding:1rem;width:100%}.reset-pass{align-items:center;border-radius:.5rem;box-shadow:2px 2px 30px 5px #373535;display:flex;flex-direction:column;gap:1rem;min-height:100px;padding:1rem;width:30%}.reset-pass input{border:1px solid #000;padding:.5rem;width:100%}#reset-btn{text-transform:capitalize;width:50%}@media screen and (max-width:800px){.reset-pass{width:70%}}.setpassword{align-items:center;height:auto;justify-content:center;margin:2.5rem 0;width:100%}.resetPassword,.setpassword{display:flex;flex-direction:column;gap:1rem;padding:1rem}.resetPassword{background:transparent;box-shadow:2px 2px 30px 5px #373535;overflow-x:auto;width:50%}.v-pass{display:flex;flex-direction:row;gap:1rem}.v-pass input{height:15px;width:15px}.v-pass label{font-size:.9rem;margin-left:-10px}#rotp::-webkit-inner-spin-button{-webkit-appearance:none}@media screen and (max-width:700px){.resetPassword{width:90%}}.my-profile-section{height:auto;padding:.5rem}.my-profile,.my-profile-section{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.my-profile{background:var(--component-bg);border:1px solid hsla(0,0%,100%,.05);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:600px;overflow:hidden;padding:3rem 2rem;position:relative}.my-profile:before{background:linear-gradient(90deg,var(--aqua-primary),#00b8cc);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.my-profile .circle{align-items:center;background:hsla(0,0%,100%,.05);border:3px solid var(--aqua-primary);border-radius:50%;box-shadow:0 0 20px rgba(0,229,255,.2);display:flex;height:100px;justify-content:center;width:100px}.my-profile .letter{color:var(--text-primary);font-size:3rem;font-weight:700}.my-data{flex-direction:column;gap:1.5rem}.my-data,.my-data h3{display:flex;width:100%}.my-data h3{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--text-secondary);font-size:1rem;font-weight:500;justify-content:space-between;padding-bottom:.5rem}.my-data h3 span{font-size:1.1rem}.my-data h3 span,.my-p-b{color:var(--text-primary);font-weight:600}.my-p-b{align-items:center;background:hsla(0,0%,100%,.05);border-radius:12px;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.my-p-b:hover{background:hsla(0,0%,100%,.1);color:var(--aqua-primary)}.log-out{background:transparent;border:1px solid var(--danger);border-radius:8px;color:var(--danger);font-size:1rem;font-weight:600;margin-top:1rem;padding:.8rem 2rem;transition:all .3s ease}.log-out a{color:inherit;text-decoration:none}.log-out:hover{background:var(--danger);color:#fff}.friends{background:var(--component-bg);border:1px solid hsla(0,0%,100%,.05);border-radius:20px;display:flex;flex-direction:column;gap:1rem;max-height:0;max-width:600px;opacity:0;overflow:hidden;padding:1.5rem;transition:all .5s ease;width:100%}.friends:not(.display){margin-top:1rem;max-height:500px;opacity:1;overflow-y:auto}.friends.display{display:none}.friends h5{color:var(--aqua-primary);font-size:1.2rem;letter-spacing:1px;margin-bottom:1rem;text-align:center;text-transform:uppercase}.all-friends{align-items:center;background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.02);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:background .3s ease}.all-friends:hover{background:hsla(0,0%,100%,.05)}.all-friends .circle{align-items:center;background:#333;border-radius:50%;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.all-friends p{color:var(--text-primary);flex:1 1;font-size:1.1rem}.trashbtn{background:transparent;border:none;border-radius:50%;color:var(--text-secondary);font-size:1.1rem;padding:.5rem;transition:all .3s ease}.trashbtn:hover{background:rgba(207,102,121,.1);color:var(--danger)}.confirm-delete{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.confirm-delete.display{display:none}.confirm-delete .buttons{background:var(--component-bg);border:1px solid var(--danger);border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;max-width:90%;padding:2rem;text-align:center;width:400px}.confirm-delete .buttons p{color:var(--text-primary);font-size:1.2rem;line-height:1.5}.confirm-delete .buttons button{background:var(--aqua-primary);border-radius:8px;color:#000;font-size:1rem;font-weight:600;padding:.8rem 2rem}.confirm-delete .buttons button:hover{background:var(--aqua-hover)}.status-msg{align-items:center;-webkit-animation:slideDown .3s ease-out;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);display:flex;font-weight:600;gap:1rem;justify-content:space-between;left:50%;max-width:300px;padding:1rem 1.5rem;position:fixed;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2000}@-webkit-keyframes slideDown{0%{opacity:0;top:-100px}to{opacity:1;top:20px}}@keyframes slideDown{0%{opacity:0;top:-100px}to{opacity:1;top:20px}}.status-msg.error{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.status-msg.error,.status-msg.success{border:1px solid hsla(0,0%,100%,.2);color:#fff}.status-msg.success{background:linear-gradient(135deg,#00b09b,#96c93d)}.status-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;opacity:.8;padding:0}.status-close-btn:hover{opacity:1}.loginwait{align-items:center;background:rgba(0,255,255,.1);border:none;border-radius:20px;box-shadow:0 0 15px rgba(0,255,255,.2);display:flex;height:40px;justify-content:center;margin-top:2rem;width:100px}.loginwait span{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border-color:#0ff #008b8b transparent transparent;border-radius:50%;border-style:solid;border-width:3px;height:25px;width:25px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.spinner{align-items:center;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:2px solid hsla(0,0%,6%,.851);border-radius:50%;border-top:2px solid var(--aqua-primary);display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.demo-accounts{background:hsla(0,0%,100%,.02);border:1px dashed rgba(0,229,255,.2);border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:left;width:100%}.demo-accounts h4{align-items:center;color:var(--aqua-primary);display:flex;font-size:1rem;gap:.6rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.demo-account-info{grid-gap:.8rem;display:grid;gap:.8rem}.demo-account-item{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;color:var(--text-secondary);font-size:.9rem;padding:.8rem}.demo-account-item div{display:flex;justify-content:space-between;margin-bottom:.3rem}.demo-account-item div:last-child{margin-bottom:0}.demo-account-item strong{background:rgba(0,229,255,.1);border-radius:4px;color:var(--text-primary);font-family:monospace;padding:2px 6px}
/*# sourceMappingURL=main.753e862a.css.map*/