@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}@font-face{font-family:loginfont;src:url(/assets/Orbitron-Medium-BDC7ZiCU.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}.AuthForm{background-color:var(--color-light);background:linear-gradient(to right,var(--color-light));display:flex;align-items:center;justify-content:center;flex-direction:column;width:80%;min-width:90%;margin:2rem auto;height:100vh}.AuthForm .container{background-color:#fff;border-radius:30px;box-shadow:0 5px 15px #00000059;position:relative;overflow:visible;margin:5rem auto 0;width:868px;max-width:100%;min-height:650px}.AuthForm .container p{font-size:14px;line-height:20px;letter-spacing:.3px;margin:20px 0;font-family:sans-serif}.AuthForm .container span{font-size:12px}.AuthForm .container a{color:#333;font-size:13px;text-decoration:none;margin:15px 0 10px;font-family:sans-serif}.AuthForm .container button{background-color:#a82d2d;color:#fff;font-size:12px;padding:10px 45px;border:1px solid transparent;border-radius:8px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:10px;cursor:pointer}.AuthForm .container button.hidden{background-color:transparent;border-color:#fff}.AuthForm .container form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;height:100%;font-family:sans-serif}.AuthForm .container input{background-color:#eee;border:none;margin:13px 0;padding:15px;font-size:14px;border-radius:8px;width:100%;outline:none}.otp-container{display:flex;justify-content:center;gap:12px;margin-top:1rem}.otp-input{width:45px!important;height:45px;padding:0!important;margin:0!important;font-size:18px;text-align:center;border-radius:8px;background-color:#eee;border:none;outline:none}.AuthForm .form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.AuthForm .sign-in{left:0;width:50%;z-index:2}.container.active .sign-in{transform:translate(100%)}.sign-up{left:0;width:50%;opacity:0;z-index:1}.container.active .sign-up{transform:translate(100%);opacity:1;z-index:5;animation:move .6s}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.google-login-wrapper{display:flex;justify-content:center;position:relative;width:100%;margin:1rem 0;z-index:10}.google-login-wrapper iframe{width:100%!important}.in-form{gap:1rem;justify-content:center;align-items:center;display:flex;flex-direction:column}.error-message{font-size:1.5rem;line-height:20px;letter-spacing:.3px;margin:20px 0;font-family:sans-serif;color:#bd1414}.toggle-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:all .6s ease-in-out;border-radius:150px 0 0 100px;z-index:1000}.container.active .toggle-container{transform:translate(-100%);border-radius:0 150px 100px 0}.toggle{background-color:#512da8;background:linear-gradient(to right,#be5c5c,#bd1414);color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:all .6s ease-in-out}.container.active .toggle{transform:translate(50%)}.toggle-panel{position:absolute;width:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;text-align:center;top:0;transform:translate(0);transition:all .6s ease-in-out}.toggle-left{transform:translate(-200%)}.container.active .toggle-left{transform:translate(0)}.toggle-right{right:0;transform:translate(0)}.container.active .toggle-right{transform:translate(200%)}.password-field{position:relative;width:100%}.password-field input{width:100%;padding-right:40px}.toggle-password{position:absolute;color:#000;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none}@media(max-width:764px){.AuthForm{width:95%;margin-top:2rem}.AuthForm .container{width:100%;min-height:600px;padding:0}.toggle-container{display:none}.AuthForm .form-container{position:relative;width:100%;padding:20px;z-index:2;display:flex;justify-content:center;align-items:center}.AuthForm .container input{background-color:#eee;border:none;margin:12px 0;padding:14px;font-size:14px;border-radius:8px;width:110%;outline:none}.in-form{gap:1rem;justify-content:center;align-items:center;display:flex;flex-direction:column}.AuthForm .sign-first{position:relative;top:1rem;justify-content:center;align-items:center;display:flex;width:100%;transition:all .6s ease-in-out;animation:fadeSlideUp .5s ease-in-out}.AuthForm .sign-first button,.AuthForm .sign-second button{background-color:transparent;color:#000;padding:.6rem 1rem;border-color:#151728;white-space:nowrap}.AuthForm .sign-second{position:relative;top:1rem;width:100%;justify-content:center;align-items:center;display:flex;transition:all .6s ease-in-out;animation:fadeSlideUp .5s ease-in-out}.AuthForm .sign-second{transform:translateY(0);opacity:1;z-index:2}.container.active .sign-second{transform:translateY(100%);opacity:0;z-index:1}.AuthForm .sign-first{transform:translateY(0);opacity:1;z-index:1}.container.active .sign-up{transform:translateY(0);opacity:1;z-index:2}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:765px)and (max-width:2560px){.AuthForm .sign-first,.AuthForm .sign-second{display:none}}.otp-container.hidden{display:none}.otp-container.fade-in{display:flex;justify-content:center;gap:10px;margin-top:1rem;opacity:0;transform:translateY(10px);animation:fadeInOtp .5s ease forwards}@keyframes fadeInOtp{to{opacity:1;transform:translateY(0)}}.otp-box-group .otp-box{width:10px;height:40px;font-size:18px;text-align:center;border-radius:6px;border:1px solid #ccc}.otp-box-group .form .getotp{background:#000}.otp-box-group .fade-in{animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.get-otp-btn{padding:2px 4px;font-size:12px;font-weight:600;color:#fff;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease-in-out}.get-otp-btn:hover{background:linear-gradient(135deg,#2575fc,#6a11cb);transform:translateY(-2px);box-shadow:0 6px 16px #00000073}.get-otp-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #6a11cb4d}.custom-datepicker-input{padding:10px;border-radius:6px;border:1px solid #ccc;width:100%;font-size:1rem}.birthday-container{padding:20px;color:#fff;font-family:Poppins,sans-serif}.birthday-container .dropdowns{display:flex;gap:10px;margin-top:10px}.select-wrapper{display:flex;gap:15px;justify-content:center}.select-wrapper select{padding:10px 14px;background:#fff;border:none;border-radius:12px;color:#000;font-size:16px;box-shadow:0 0 5px #f8e8e8;transition:all .3s ease;appearance:none}.select-wrapper select:focus{outline:none;background:#ffffff1f;box-shadow:0 0 10px #00ffff4d}.gender-options{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin-top:1rem;padding:40px 20px}.gender-dot{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#000;position:relative}.gender-dot input[type=radio]{display:none}.gender-dot .dot{width:14px;height:14px;border-radius:50%;border:2px solid #ccc;margin-right:8px;transition:all .3s ease}.gender-dot.selected .dot{background-color:#00f;border-color:#0026ffd0}.AuthForm .navigation-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.react-tel-input{width:100%;margin:10px 0}.react-tel-input .selected-flag{width:100%;display:flex;align-items:center;justify-content:center;height:100%;border-right:1px solid #ccc;padding:0 10px}.react-tel-input input[type=tel]{padding-left:45px;height:46px;width:100%;border:none;border-radius:8px;background:#eee;font-size:14px;outline:none}.react-tel-input input[type=tel]:focus{border:1px solid var(--color-primary);background:#fff}:root{--color-white: #272a3a;--color-light: #151728;--color-gray: hsl(252, 15%, 65%);--color-primary: hsl(233, 93%, 57%);--color-secondary: hsl(252, 100%, 90%);--color-success: hsl(120, 95%, 65%);--color-danger: hsl(0, 100%, 50%);--color-dark: hsl(254, 12%, 64%);--color-black: hsl(252, 20%, 10%);--color-hover: hsla(0, 0%, 100%, .13);--card-boader-radius: 1rem}.create-post-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000;padding:10px}.create-post-modal{background:var(--color-white);padding:20px;border-radius:16px;width:100%;max-width:600px;max-height:95vh;overflow-y:auto;box-shadow:0 10px 30px #00000080;position:relative;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px;margin-bottom:15px}.modal-header h2{font-size:1.25rem;color:#fff}.close-btn{font-size:2rem;cursor:pointer;color:var(--color-gray);line-height:1;margin-top:-22rem;margin-right:-17rem}.audience-dropdown{display:flex;align-items:center;gap:10px;margin-bottom:15px}.audience-select{background:var(--color-light);color:#fff;border:1px solid var(--color-primary);padding:5px 10px;border-radius:6px;outline:none}.mention-textarea{background:#151728;border-radius:10px;padding:12px;min-height:110px;color:#e4e6eb;font-size:15px;border:1px solid #2f3142;outline:none}.mention-textarea textarea{background:transparent;border:none;outline:none;color:#e4e6eb;font-size:15px;resize:none}.mentions__suggestions{background:#1e1f2f;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0009;z-index:99999!important;border:1px solid #2f3142}.mention-suggestion-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;color:#e4e6eb;transition:background .15s ease}.mention-suggestion-item:hover,.mention-suggestion-item.focused{background:#2b2d42}.mention-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #3a3d5c}.post-content .mention{color:#5865f2;font-weight:500;cursor:pointer}.post-content .mention:hover{text-decoration:underline}.create-post-modal{overflow:visible!important}.mentions{position:relative;z-index:10}.mentions__highlighter{white-space:pre-wrap;word-break:break-word}.scroll-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:250px;overflow-y:auto;margin-top:10px;padding:5px}.media-preview-container{position:relative;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:var(--color-light)}.preview-img,.preview-video{width:100%;height:100%;object-fit:cover}.media-options{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}.upload-btn{flex:1;min-width:120px;background-color:var(--color-light);color:#fff;padding:10px;text-align:center;border-radius:20px;cursor:pointer;font-size:1.6rem;border:1px solid rgba(255,255,255,.1);transition:.3s}.upload-btn:hover{background-color:var(--color-hover)}.tag-input,.location-input{width:100%;background:var(--color-light);border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:8px;color:#fff;margin-top:10px;outline:none}.suggestion-box,.suggestion-box-tag{background:var(--color-light);border:1px solid var(--color-primary);border-radius:8px;margin-top:5px;max-height:150px;overflow-y:auto;list-style:none}.suggestion-box li,.tag-suggestion{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;color:#fff;display:flex;align-items:center;gap:10px}.btn-post{width:100%;background-color:var(--color-primary);color:#fff;padding:14px;border:none;border-radius:30px;font-weight:700;font-size:1rem;margin-top:20px;cursor:pointer}.btn-post:disabled{opacity:.5;cursor:not-allowed}@media screen and (max-width:768px){.create-post-modal{padding:15px;max-width:90%;border-radius:5px}}@media screen and (max-width:480px){.create-post-overlay{padding:0}.create-post-modal{height:100%;max-height:70vh;padding:15px;border-radius:5px}.scroll-preview{grid-template-columns:1fr 1fr}.tag-input,.location-input{font-size:10px}.modal-header h2{font-size:1.1rem}.close-btn{margin-top:-22.5rem;margin-right:-18rem}.upload-btn{flex:1;min-width:120px;background-color:var(--color-light);color:#fff;padding:10px;text-align:center;border-radius:20px;cursor:pointer;font-size:1.2rem;border:1px solid rgba(255,255,255,.1);transition:.3s}}.notification-popup{position:fixed;top:37rem;left:25rem;width:45rem;background:var(--color-white);border-radius:var(--card-boader-radius);box-shadow:0 0 2rem hsl(var(--color-primary),75%,60%,25%);padding:var(--card-padding);z-index:9999;height:400px;overflow-y:auto}.notification-popup h4{margin-top:0}.notification-popup ul{list-style:none;padding:0}.notification-popup li{padding:5px 0}.notification-popup button{width:100%;margin-top:10px;padding:5px;border:none;background:#007bff;color:#fff;cursor:pointer;border-radius:5px}.notification-popup:before{content:"";width:2rem;height:2rem;display:block;background:var(--color-white);position:absolute;left:-.999rem;transform:rotate(45deg)}.notification-popup>div{display:flex;align-items:start;gap:1rem;margin-bottom:1rem}.notification-popup small{display:block}.notification-body{display:flex;flex-direction:column;gap:4px;color:#e4e6eb}.notification-text{display:inline;line-height:1.4}.notification-reason{color:#b0b3c6;margin-left:4px;font-weight:400}.text-muted{font-size:.75rem;color:#9aa0b5}.edit{position:absolute;right:0;top:0;z-index:20}.like-btn-wrapper{position:relative;z-index:10}.profile-photo,.profile-photo img,.ingo,.ingo h3{position:relative;z-index:1;pointer-events:auto;cursor:pointer}.edit{pointer-events:auto;width:auto;height:auto}.user{position:relative}.single-photo{width:100%;height:auto;object-fit:cover;border-radius:12px;display:block;cursor:pointer}.all-images{position:relative;border-radius:12px;overflow:hidden;width:100%;aspect-ratio:1 / 1}.grid-photo-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px;cursor:pointer}.see-more-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;color:#fff;font-size:22px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:12px}.see-less-btn{margin-top:5px;background:none;border:none;color:#00f;cursor:pointer;grid-column:span 2}.post-video-style{width:100%;border-radius:12px;margin-top:10px}.like-count-text{margin-top:6px;color:gray;font-size:14px}.ReactModal__Overlay{background-color:#000000bf!important;z-index:999}.ReactModal__Content{inset:50% auto auto 50%!important;margin-right:-50%!important;transform:translate(-50%,-50%)!important;background:transparent!important;border:none!important;padding:0!important}.modal-image{width:100%;max-height:90vh;object-fit:contain;border-radius:10px;display:block;margin:0 auto}.modal-container .modal-image{width:100%;max-height:90vh;object-fit:contain;border-radius:10px}.modal-container .modal-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:2.8rem;background:transparent;border:none;color:#fff;border-radius:50%;cursor:pointer;z-index:1000;padding:0}.modal-container .modal-nav.left{left:-20rem}.user{display:flex;align-items:center;position:relative}.edit{position:absolute;right:0;top:0;color:#fff;font-size:1.8rem;cursor:pointer;z-index:20}.dropdown-menu{position:absolute;top:35px;left:12rem;background-color:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px #0000001a;z-index:100;padding:6px 0;min-width:150px}.dropdown-menu button{width:100%;background:none;border:none;padding:10px 16px;text-align:left;font-size:14px;cursor:pointer}.dropdown-menu button:hover{background-color:#f0f0f0}.dropdown-menu .delete{color:red}.audience-popup{margin-top:5px;background-color:#fff;border:1px solid #ccc;padding:6px;border-radius:6px;z-index:10;position:absolute}.trash-modalew{background-color:var(--color-white);padding:20px;border-radius:10px;width:400px;max-width:90%;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Segoe UI,sans-serif;box-shadow:0 0 12px #00000080}.trash-overlay{background:red;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:999}.trash-header{display:flex;justify-content:space-between;align-items:center}.trash-header h2{font-size:18px;margin:0}.close-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.trash-body{margin:15px 0;font-size:14px;color:#ddd}.trash-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-btn{background:transparent;border:none;color:#ccc;padding:8px 12px;cursor:pointer}.move-btn{background:#2374e1;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer}.comment-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-light);padding:20px;max-width:600px;width:90%;border-radius:12px;overflow-y:auto;max-height:90vh;z-index:1001}.modal-overlay{background:#0009;z-index:1000}.tagged-names{font-size:13px;color:#aaa;margin-top:4px}.tagged-name{color:#3b82f6;margin-right:4px}.tagged-more{color:#3b82f6;cursor:pointer}.tag-modal ul{list-style:none;padding:0}.tag-modal li{display:flex;align-items:center;gap:10px;padding:5px 0}.tag-modal img{width:35px;height:35px;border-radius:50%}.mention-link{color:#f21818;font-weight:500;text-decoration:none}.like-btn-wrapper{position:relative;display:inline-block;z-index:10}.reaction-popup{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#fff;padding:6px 10px;border-radius:20px;box-shadow:0 4px 12px #00000026;display:flex;gap:10px;animation:fadeInUp .2s ease-out;z-index:20}.reaction-popup span{cursor:pointer;font-size:20px;transition:transform .15s ease-in-out}.reaction-popup span:hover{transform:scale(1.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.like-btn{display:flex;align-items:center;gap:6px;cursor:pointer}.edit-post-form{background-color:var(--color-white);padding:20px;border-radius:12px;width:700px;max-width:800px;margin:auto;display:flex;flex-direction:column;gap:12px;color:#fff}.edit-post-form textarea{resize:vertical;min-height:80px;border-radius:8px;border:1px solid #444;padding:10px;background-color:var(--color-light);color:#fff;resize:none}.edit-post-form input[type=text]{padding:8px 10px;border-radius:8px;border:1px solid #444;background-color:var(--color-light);color:#fff}.edit-post-form .upload-btn{background-color:transparent;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;margin-top:10px;display:inline-block;font-size:1.6rem}.preview-images,.preview-images-new-uploads,.preview-videos.new-uploads{display:flex;flex-wrap:wrap;gap:10px}.preview-box{position:relative;border-radius:8px;overflow:hidden;background-color:#111}.preview-box img,.preview-box video{max-width:100px;max-height:100px;border-radius:6px}.edit-post-form .remove-button{position:absolute;top:1px;right:-3px;background:transparent;border:none;border-radius:50%;padding:2px 6px;cursor:pointer;font-size:1.8rem;color:#fff;font-weight:700}.edit-post-form .remove-button:hover{color:var(--color-danger)}.edit-post-form .update-post{padding:10px;border-radius:8px;border:none;margin-top:10px;cursor:pointer;background-color:var(--color-primary);color:#fff;font-weight:700;font-size:1.2rem;bottom:200px;justify-content:space-between;align-items:center;width:40%}.edit-post-form .update-post:hover{background-color:#3b51f7}.edit-post-form .cansel-update{gap:10px;padding:10px;border-radius:8px;border:none;margin-top:10px;margin-left:13rem;cursor:pointer;background-color:#fff;color:#000;font-weight:700;font-size:1.2rem;bottom:200px;justify-content:center;align-items:center;width:40%}.edit-post-form .cansel-update:hover{background-color:#b3b3b3}.modal-close-btn{position:absolute;top:5px;right:10px;font-size:24px;cursor:pointer;color:#ccc}.edit-post-form .modal-close-btn:hover{color:var(--color-danger)}.edit-post-form select.audience-select{margin-top:2rem;padding:8px;border-radius:8px;background-color:var(--color-light);color:#fff;border:1px solid #444}details summary{cursor:pointer;font-weight:700;margin-top:10px}details ul{list-style:none;padding-left:0;margin-top:8px}details li{background-color:#2a2a2a;padding:10px;border-radius:6px;margin-bottom:10px}.mentions__mention{color:red;font-weight:700}:root{--color-white:#272a3a;--color-light: #151728;--color-gray:hsl(252, 15%, 65%);--color-primary:hsl(233, 93%, 57%);--color-secondary:hsl(252,100%,90%);--color-success:hsl(120,95%,65%);--color-danger:hsl(0, 100%, 50%);--color-dark: hsl(254, 12%, 64%);--color-black: hsl(252,20%,10%);--color-hover: hsla(0, 0%, 100%, .13);--boader-radius: 2rem;--card-boader-radius: 1rem;--btn-padding: .6rem 1rem;--search-padding: .6rem 1rem;--card-padding: 1rem;--sticky-top-left: 5.4rem;--sticky-top-right: -18rem}.comment-page{width:500px;max-width:800px;max-height:auto;padding:1rem;color:#fff;background:var(--color-light);border-radius:10px;margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:2rem;justify-content:center;align-items:center}.post-box{padding:1rem;border-radius:10px;margin-bottom:1.5rem}.post-header{display:flex;gap:10px;align-items:center;margin-bottom:.5rem}.post-header img{width:40px;height:40px;border-radius:50%}.post-content{margin-bottom:1rem}.post-image,.post-video{width:100%;border-radius:10px;margin-bottom:.5rem}.post-actions{display:flex;gap:1rem;align-items:center;margin-top:.5rem}.post-actions button{background:none;border:none;color:#fff;font-size:1.6rem;display:flex;align-items:center;gap:4px;cursor:pointer}.comment-section{background:var(--color-white);border-radius:10px;padding:1rem;max-height:50vh;overflow-y:auto}.comment-list{max-height:35vh;overflow-y:auto;margin-bottom:1rem;padding:5px}.comment{background-color:#595d811e;display:flex;align-items:flex-start;position:relative;margin-bottom:1rem;border-radius:5px;padding:7px 2px 3px 7px;border-bottom:1.8px solid var(--color-light);border-top:1.8px solid var(--color-light)}.comment-header{display:flex;align-items:center;justify-content:space-between}.comment img{margin-right:1rem;width:35px;height:35px;border-radius:50%}.comment-input{display:flex;gap:.5rem;border-radius:5px;background-color:#46485a;height:40px}.comment-mention-input{width:40rem;height:30px}.comment-input input{flex-grow:1;padding:.5rem;background:#444;border:none;border-radius:5px;color:#fff}.full-comment{display:flex}.comment-post{padding:.5rem 1rem;background:transparent;border:none;border-radius:5px;color:#fff;cursor:pointer;height:25px;margin-top:.8rem}.comment-post:hover{color:var(--color-danger)}.media-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column}.media-content{max-width:80%;max-height:80%;display:flex;align-items:center;justify-content:center}.media-content img,.media-content video{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}.close-btn{position:absolute;top:22.5rem;right:18rem;color:#fff;font-size:25px;padding:4px 8px;border:none;border-radius:6px;z-index:1002}.close-btn:hover{color:#f44}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px;border-radius:8px;overflow:hidden}.media-item{position:relative;width:100%;height:0;padding-bottom:100%;cursor:pointer;overflow:hidden;border-radius:10px}.post-media{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0}.see-more-overlay{position:absolute;background-color:#0009;color:#fff;font-weight:700;font-size:1.1rem;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.comment-edit{cursor:pointer;color:var(--color-gray);position:relative;margin-right:auto;justify-content:space-between;align-items:center;display:flex;padding:.5rem}.comment-edit{position:relative;display:inline-block;color:#fff}.comment-edit .dropdown-menu{position:absolute;margin-top:-1rem;margin-left:-10rem;background:#fff;border:1px solid var(--color-hover);padding:.5rem;border-radius:.5rem;z-index:999;min-width:100px;opacity:1;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.comment-edit .dropdown-menu{opacity:1;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.comment-edit .dropdown-menu.show{opacity:1;transform:translateY(0);pointer-events:auto}.comment-edit .dropdown-menu button{display:block;background:none;border:none;color:var(--color-white);padding:.3rem .5rem;cursor:pointer;width:100%;text-align:left;transition:background .2s ease}.comment-edit .dropdown-menu button:hover{background-color:#78787842;padding:.3rem .5rem}.comment-delete{color:var(--color-danger);cursor:pointer}.edit-comment-input{width:100%;padding:.5rem;background:var(--color-secondary);border:none;border-radius:5px;color:var(--color-black)}.savcan{display:flex;gap:1.5rem;margin-top:1rem;justify-content:center}.commnet-save{padding:.5rem 1rem;background:var(--color-primary, #4a7aff);border:none;border-radius:5px;color:#fff;cursor:pointer}.comment-cancel{padding:.5rem 1rem;background:var(--color-danger, #ff4444);border:none;border-radius:5px;color:#fff;cursor:pointer}.comment-user-name{font-weight:700;color:var(--color-gray)}.comment-time{color:var(--color-gray);font-size:1.1rem;font-weight:800;font-family:Poppins,sans-serif}.comment-footer{margin-top:5px;display:flex;align-items:center;gap:12px;font-size:14px;color:#aaa}.comment-footer button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px}.reply-box{margin-top:6px}.comment-replies{margin-left:30px;border-left:1px solid #ddd;padding-left:10px}.reply-box{margin-top:5px}.comment-actions{margin-top:4px;display:flex;gap:10px;font-size:14px}.heart-liked{animation:pop .3s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}:root{--color-white: #272a3a;--color-light: #151728;--color-gray: hsl(252, 15%, 65%);--color-primary: hsl(233, 93%, 57%);--color-secondary: hsl(252, 100%, 90%);--nav-height: 7rem;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}.navbar-home{width:100%;height:var(--nav-height);background-color:var(--color-white);position:fixed;top:0;left:0;z-index:2000;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.logo-section{display:flex;align-items:center;gap:1.2rem}.logo2{width:4.5rem;height:4.5rem;cursor:pointer;transition:var(--transition)}.logo2:hover{transform:scale(1.05)}.nav__brand{font-size:2rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px}.search-box-container{position:relative;flex:0 1 450px}.search-box{display:flex;align-items:center;background:var(--color-light);border-radius:50px;padding:.6rem 1.8rem;border:1px solid rgba(255,255,255,.1);transition:var(--transition)}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 15px #474fda26}.search-box input{background:transparent;border:none;outline:none;color:#fff;width:100%;font-size:1.45rem;padding:.4rem}.searchicon{color:var(--color-gray);font-size:1.4rem;cursor:pointer;transition:var(--transition)}.search-box:focus-within .searchicon{color:var(--color-primary)}.search-dropdown{position:absolute;top:calc(100% + 12px);width:100%;background:var(--color-white);border-radius:15px;box-shadow:0 15px 35px #0009;max-height:450px;overflow-y:auto;z-index:3000;padding:1.2rem;border:1px solid rgba(255,255,255,.08)}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.search-section h5{font-size:1.1rem;color:var(--color-primary);margin:1.2rem 0 .8rem 1rem;text-transform:uppercase;font-weight:700;opacity:.9}.search-item{display:flex;align-items:center;gap:1.4rem;padding:1rem;cursor:pointer;border-radius:10px;transition:var(--transition);border:1px solid transparent}.search-item:hover{background:#ffffff08;border-color:#ffffff0d;transform:translate(5px)}.search-item img{width:3.8rem;height:3.8rem;border-radius:50%;object-fit:cover;border:2px solid var(--color-light)}.search-item span{font-size:1.4rem;color:#fff;font-weight:500}.nav__menu{display:flex;align-items:center;gap:2.5rem}.nav__link{font-size:1.5rem;color:var(--color-secondary);font-weight:500;transition:var(--transition);position:relative}.nav__link:hover{color:#fff}.nav__link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--color-primary);transition:var(--transition)}.nav__link:hover:after{width:100%}.nav__toggler{display:none;color:#fff;font-size:2.6rem;cursor:pointer;transition:var(--transition)}.search-overlay{position:fixed;top:var(--nav-height);left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2500}@media screen and (max-width:1024px){.search-box-container{flex:0 1 300px}}@media screen and (max-width:768px){.nav-container{padding:0 1.5rem}.nav__brand{display:none}.nav__toggler{display:block;z-index:3100}.nav__menu{position:fixed;top:0;right:-100%;height:100vh;width:280px;background:#272a3afa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;justify-content:center;gap:4rem;transition:.5s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #0006;z-index:3050}.nav__active{right:0}.search-box-container{flex:1;margin:0 1.5rem}.search-dropdown{position:fixed;top:var(--nav-height);left:0;width:100%;height:auto;max-height:70vh;border-radius:0 0 25px 25px;border-top:1px solid rgba(255,255,255,.05)}}@media screen and (max-width:480px){.navbar-home{width:100%}.search-box{padding:.5rem 1.2rem}.logo2{width:3.8rem;height:3.8rem}}.left{width:280px;max-height:fit-content;position:sticky;align-items:start;top:10rem;margin-left:3rem;z-index:999}.secound-profile{display:none}.firstsidebar{max-width:25rem;min-width:20rem;margin-top:3rem;background:linear-gradient(to right,#272a3a,transparent 90%);border-radius:var(--card-boader-radius)}.firstsidebar .menu-item{display:flex;align-items:center;height:6.5rem;cursor:pointer;transition:all .3s ease;position:relative}.firstsidebar .menu-item:hover{background:linear-gradient(to right,var(--color-hover),transparent 90%)}.firstsidebar .menu-item .sideicon{font-size:2.4rem;color:var(--color-gray);margin-left:1rem;position:relative}.firstsidebar .menu-item .notification-count{background:var(--color-danger);color:#fff;font-size:1.3rem;width:fit-content;border-radius:.8rem;padding:.1rem .4rem;position:absolute;top:2.4rem;left:2.8rem}.firstsidebar h3{margin-left:4rem;font-size:1.8rem;color:var(--color-gray)}.firstsidebar .active{background:var(--color-light)}.firstsidebar .active .sideicon,.firstsidebar .active h3{color:var(--color-primary)}.firstsidebar .active:before{content:"";display:block;width:.5rem;height:100%;position:absolute;background:var(--color-primary)}.firstsidebar .menu-item:first-child.active{border-top-left-radius:var(--card-boader-radius);overflow:hidden}.firstsidebar .menu-item:last-child.active{border-bottom-left-radius:var(--card-boader-radius);overflow:hidden}@media screen and (max-width:1024px){.left{position:fixed!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:64px!important;margin:0!important;top:auto!important;background:var(--color-light);border-top:1px solid #333;z-index:999;overflow:hidden}}@media screen and (max-width:1024px){.firstsidebar{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-around;width:100%;height:100%;min-width:unset;max-width:unset;margin:0!important;padding:0;background:transparent;border-radius:0;z-index:999}}@media screen and (max-width:1024px){.firstsidebar .menu-item{flex-direction:column;justify-content:center;height:100%;gap:4px}.firstsidebar h3{display:none!important}.firstsidebar .menu-item .sideicon{font-size:2rem;margin:0}.firstsidebar .menu-item:before{display:none}.firstsidebar .menu-item:hover{background:transparent}}@media screen and (max-width:1024px){.firstsidebar .menu-item .notification-count{top:4px;left:55%;font-size:10px}}@media screen and (max-width:1024px){.main .middle{padding-bottom:90px!important}}.nav-profile-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;margin-left:1rem;border:2px solid transparent}.menu-item.active .nav-profile-avatar{border-color:var(--color-primary)}@media screen and (max-width:1024px){.nav-profile-avatar{width:28px;height:28px;margin:0}}@media screen and (max-width:1024px){.side-profile{display:none!important}}.menu-item.active .nav-profile-avatar{box-shadow:0 0 0 2px var(--color-primary)}@media screen and (max-width:1024px){.secound-profile{display:block}.side-profile{display:none!important}}.notifications-page{display:flex}.notifications-container{flex:1;padding:20px;margin-top:6rem}.notification-item{display:flex;gap:12px;padding:12px;border-bottom:1px solid #333;cursor:pointer}.notification-item:hover{background:#1c1f3a}.notif-avatar{width:42px;height:42px;border-radius:50%}@font-face{font-family:logofont;src:url(/assets/MD-Cijm50hd.ttf) format("truetype")}.main{position:relative;top:10rem}.main .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));column-gap:5rem;justify-content:center;position:relative}.left{min-width:24vw;max-width:25vw;max-height:fit-content;position:sticky;align-items:start;top:10rem;margin-left:3rem;z-index:100}.left .side-profile{display:flex;padding:var(--card-padding);background:linear-gradient(to right,#272a3a,transparent 70%);border-radius:var(--card-boader-radius);align-items:center;font-size:1.5rem}.side-profile .profile-photo{margin-left:1rem;margin-top:-.1rem}.side-profile .profile-name a{margin-left:1rem;position:relative;color:#fff}.side-profile .username a{position:relative;color:gray;margin-top:.4rem;margin-left:1rem}.left .sidebar{max-width:25rem;min-width:20rem;margin-top:3rem;background:linear-gradient(to right,#272a3a,transparent 90%);border-radius:var(--card-boader-radius)}.left .sidebar .menu-item{display:flex;align-items:center;min-height:6.5rem;cursor:pointer;transition:all .3s ease;position:relative}.sidebar .menu-item:hover{background:linear-gradient(to right,var(--color-hover),transparent 90%)}.left .sidebar .menu-item .sideicon{font-size:2.4rem;color:var(--color-gray);margin-left:1rem;position:relative}.left .menu-item .notification-count{background:var(--color-danger);color:#fff;font-size:1.3rem;width:fit-content;border-radius:.8rem;padding:.1rem .4rem;position:absolute;top:2.4rem;left:2.8rem}.sidebar h3{margin-left:4rem;font-size:1.8rem}.sidebar .active{background:var(--color-light)}.left .sidebar .active .sideicon,.left .sidebar .active h3{color:var(--color-primary)}.left .sidebar .active:before{content:"";display:block;width:.5rem;height:100%;position:absolute;background:var(--color-primary)}.sidebar .menu-item:first-child.active{border-top-left-radius:var(--card-boader-radius);overflow:hidden}.sidebar .menu-item:last-child.active{border-bottom-left-radius:var(--card-boader-radius);overflow:hidden}.main .middle{max-width:65rem;min-width:37rem;margin-left:-6rem;position:sticky;top:var(--sticky-top-left)}.main .middle .create-post-all{margin-top:2rem;background:var(--color-white);padding:.7rem var(--card-padding);border-radius:var(--boader-radius)}.main .middle .create-post{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:1rem;background:var(--color-white);padding:.7rem var(--card-padding);border-radius:var(--boader-radius)}.middle .create-post input[type=text]{justify-self:start;padding-left:.7rem;background:transparent;color:var(--color-dark);margin-right:auto}.middle .create-post .btn{display:inline-block;padding:var(--btn-padding);font-weight:auto;border-radius:var(--boader-radius);cursor:pointer;transition:all .3s ease;font-size:auto}.middle .media-include{display:grid;grid-template-columns:auto 1px auto 1px auto}.middle .media-include .mediain{display:flex;align-items:center;font-size:1.3rem;margin-left:auto;margin-right:auto;margin-top:1rem;margin-bottom:.2rem;justify-content:space-between;gap:1rem}.middle .media-include a{color:#fff}.middle .media-icon{display:flex;cursor:pointer;justify-content:space-between;font-size:2.4rem;color:#7edb7b}.middle .media-include .spaceicon{border-left:1px solid gray;height:118%;overflow:hidden}.middle .feeds .feed{background:var(--color-white);border-radius:var(--card-boader-radius);padding:var(--card-padding);margin:1rem 0;font-size:.85rem;line-height:1.5}.middle .feed .head{justify-content:space-between}.middle .feed .ingo{margin-top:auto;margin-bottom:auto;font-size:1.4rem}.middle .feed .ingo h3{color:var(--color-dark)}.middle .feed .ingo .audience{display:block;line-height:1.5;color:var(--color-gray);font-size:1.2rem}.middle .feed small{color:#fff}.middle .feed .edit{margin-left:auto;color:#fff;margin-top:auto;margin-bottom:auto;font-size:2rem}.middle .feed .user{display:flex;gap:1rem;font-size:small}.middle .feed .photo img{border-radius:var(--card-boader-radius);margin:.7rem 0;width:100%;height:100%;object-fit:cover}.middle .feed .action-button{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:2rem}.middle .feed .action-button button{border:none;background:none;cursor:pointer;font-size:2rem;display:flex;align-items:center;gap:4px;color:#fff}.middle .feed .interaction-button{display:flex;gap:1.5rem}.middle .liked-by{display:flex;font-size:1.5rem}.middle .liked-by span{width:2.5rem;height:2.5rem;display:flex;border-radius:50%;overflow:hidden;border:2px solid var(--color-white);margin-left:-.6rem}.middle .liked-by span:first-child{margin:0}.middle .liked-by p{margin-left:.5rem}.middle .feed .hashtag{display:inline-block;color:#1da1f2;padding:5px 10px;border-radius:15px;font-size:14px;font-weight:700;text-decoration:none;transition:background .3s ease;cursor:pointer}.middle .feed .comment{font-size:2rem}.main .container .right{min-width:28vw;max-width:25vw;max-height:fit-content;min-height:max-content;top:10rem;margin-left:-1rem;margin-right:3rem;position:sticky;z-index:100}.right .messages{max-height:44vh;overflow:hidden;background:var(--color-white);border-radius:var(--card-boader-radius);padding:var(--card-padding);margin-top:1rem;font-size:1.8rem;overflow-y:auto}.right .messages .heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;margin-top:1rem}.right .messages .search-bar{display:flex;background-color:transparent;margin-right:auto;padding:5px;width:100%;height:70%;margin-top:1rem;border:1px solid black;border-color:#000;border-radius:50px}.right .messages .search-bar input{padding:6px;background:transparent;border:0;outline:0;font-size:14px;margin-left:2rem}.right .messages .search-bar input::placeholder{color:#fff}.right .messages .search-bar .searchicon{width:9%;color:#f0f8ff;margin-right:-2rem;margin-top:auto;margin-bottom:auto;cursor:pointer}.right .messages .category{display:flex;justify-content:space-between;margin-bottom:1rem;cursor:pointer}::-webkit-scrollbar{width:1px}.right .messages .category h6{width:100%;text-align:center;border-bottom:4px solid var(--color-light);padding-bottom:1rem;font-size:1.5rem;margin-top:1rem}.right .messages .category .active{border-color:var(--color-dark);transition:.3s ease all;bottom:-2px}.right .messages .message{display:flex;gap:1rem;margin-bottom:1rem;align-items:start}.right .messages .message-request a{color:var(--color-primary)}.right .message .profile-photo{display:flex;width:4.5rem;height:4.5rem;border-radius:50%;overflow:hidden;aspect-ratio:1 / 1}.right .message .profile-photo img{width:100%;height:100%;object-fit:cover;display:block}.right .profile-photo img a{border-radius:50%;aspect-ratio:1/1}.right .messages .message:last-child{margin:0}.right .messages .message-body h5 a{font-size:1.4rem;color:var(--color-secondary)}.right .messages .message p{font-size:1.5rem;margin-top:1rem}.right .messages .message .profile-photo .active{width:1.5rem;height:1.4rem;border-radius:50%;border:3px solid var(--color-white);background:var(--color-success);position:absolute;bottom:0;right:0}.right .friend-requests{min-height:auto;max-height:44vh;margin-top:1rem;background:var(--color-white);border-radius:var(--card-boader-radius);padding:var(--card-padding);overflow-y:auto}.right .friend-requests h4{color:var(--color-gray);margin:1rem}.right .request{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-boader-radius);margin-bottom:.7rem;border-bottom:1px solid var(--color-light);flex-wrap:wrap}.right .request .info{display:flex;align-items:center;gap:1rem}.request .message-body{display:flex;flex-direction:column}.right .request-actions{display:flex;gap:1rem}@media(max-width:768px){.request{flex-direction:column;align-items:flex-start}.request .request-actions{margin-top:10px;justify-content:flex-start}}.btn{display:inline-block;padding:var(--btn-padding);font-weight:auto;border-radius:var(--boader-radius);cursor:pointer;transition:all .3s ease;font-size:auto}.user-name{font-weight:700;font-size:14px}.post-time{color:gray;font-size:12px}@media screen and (min-width:993px)and (max-width:1200px){.left{position:sticky;top:9rem;width:260px;min-width:260px;max-width:260px;margin-left:0;z-index:100}.left .side-profile{display:flex;padding:var(--card-padding)}.left .sidebar{display:flex;flex-direction:column;gap:.6rem;margin-top:2rem}.left .sidebar .menu-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;height:auto!important;min-height:100%!important;gap:8px!important;background:transparent!important;padding:0 28px!important}.left .sidebar .menu-item:hover{background:linear-gradient(to right,rgba(255,255,255,.06),transparent 90%)}.left .sidebar .menu-item .sideicon{font-size:1.6rem;min-width:2.2rem}.left .sidebar h3{font-size:1.5rem;display:block}.left .sidebar .active{background:var(--color-light)}.left .sidebar .active:before{content:"";position:absolute;left:0;top:0;width:.4rem;height:100%;background:var(--color-primary)}}@media screen and (max-width:992px){.main .container{grid-template-columns:1fr!important;padding:0!important}.main{top:60px!important;margin-left:2rem!important;margin-right:2rem!important}.right{display:none!important}.main .middle{margin:1rem 0 0!important;width:100vw!important;max-width:95vw!important;padding-bottom:90px!important}.left{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;top:auto!important;width:100%!important;height:75px!important;background:#000!important;z-index:10000!important;margin:0 0 -10px!important;padding:0!important;min-width:100%!important}.left .side-profile{display:none!important}.left .sidebar{display:flex!important;flex-direction:row!important;justify-content:space-evenly!important;align-items:center!important;width:100%!important;height:100%!important;background:transparent!important;margin:0!important;border-radius:0!important;padding:10px!important}.left .sidebar .menu-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;height:auto!important;min-height:100%!important;gap:8px!important;background:transparent!important;padding:0 28px!important}.left .sidebar .menu-item .sideicon{font-size:1.6rem!important;color:#fff!important}.left .sidebar h3{display:block!important;font-size:9px!important;color:#fff!important;margin:0!important;font-weight:500!important;letter-spacing:.3px!important}.left .menu-item .notification-count{background:#fe2c55!important;top:10px!important;left:55%!important;font-size:9px!important;border-radius:50%!important;padding:2px 5px!important;position:absolute!important}}@media screen and (max-width:767px){.main .middle{margin:1rem 0 0!important;width:70vw!important;max-width:95vw!important;padding-bottom:90px!important}.main .middle .create-post-all{border-radius:5px}.left .sidebar .menu-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;height:auto!important;min-height:100%!important;gap:8px!important;background:transparent!important;padding:0 23px!important}.left .sidebar .menu-item .sideicon{font-size:1.6rem!important;color:#fff!important}.left .sidebar h3{display:block!important;font-size:9px!important;color:#fff!important;margin:0!important;font-weight:500!important;letter-spacing:.3px!important}}@media screen and (max-width:575px){html,body{width:100%;max-width:100%;overflow-x:hidden}.main,.main .container{display:flex!important;flex-direction:column!important;padding:0!important}.main{margin:0!important;top:60px!important}.right{display:none!important}.main .middle{width:100%!important;max-width:100%!important;padding-left:clamp(6px,3vw,16px)!important;padding-right:clamp(6px,3vw,16px)!important;padding-bottom:90px!important;box-sizing:border-box!important}.left{position:fixed;bottom:0;left:0;width:100%;height:65px;background:var(--color-light);display:flex;align-items:center;border-top:.5px solid #333}.left .sidebar{flex-direction:row;width:100%;justify-content:space-evenly}}li{list-style:none}.exploremain{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));column-gap:5rem;justify-content:center;position:relative}.exploremain .right{margin-left:15rem}.maintenance-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#121212;color:#fff;text-align:center;font-family:Arial,sans-serif}.blink-text{font-size:2rem;font-weight:700;animation:blink 1.5s infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.3}}.loader{width:50px;height:50px;border:5px solid #fff;border-top-color:#fc0;border-radius:50%;animation:spin 1s linear infinite;margin-top:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-photo{display:flex;width:5rem;height:5rem;object-fit:cover;border-radius:50%;overflow:hidden}.profile-photo img{display:block;object-fit:cover;width:100%}.profile-photo a{display:flex;width:5rem;height:5rem;object-fit:cover;border-radius:50%;overflow:hidden}.profile-photo a img{display:block;object-fit:cover;width:100%}:root{--color-white: #272a3a;--color-light: #151728;--color-gray: hsl(252, 15%, 65%);--color-primary: hsl(233, 93%, 57%);--color-secondary: hsl(252, 100%, 90%);--color-success: hsl(120, 95%, 65%);--color-danger: hsl(0, 100%, 50%);--color-dark: hsl(254, 12%, 64%);--color-black: hsl(252, 20%, 10%);--color-hover: hsla(0, 0%, 100%, .13);--boader-radius: 2rem;--card-boader-radius: 1rem;--btn-padding: .6rem 1rem;--search-padding: .6rem 1rem;--card-padding: 1rem;--sticky-top-left: 5.4rem;--sticky-top-right: -18rem}@font-face{font-family:logofont;src:url(/assets/MD-Cijm50hd.ttf) format("truetype")}*,*:after,*:before{margin:0;padding:0;outline:0;box-sizing:border-box;text-decoration:none;list-style:none;border:none}html{font-size:62.5%;font-family:sans-serif}body{font-size:1.6rem;font-family:sans-serif;color:var(--color-dark);background-color:var(--color-light);overflow:visible}a{text-decoration:none;color:var(--color-gray)}.btn:hover{opacity:.8}.btn-primary{background:var(--color-primary);color:#fff}.text-bold{font-weight:500}.text-muted{color:var(--color-gray);font-size:1.2rem;cursor:pointer}.setting{inset:0}.setting .setting-navbar{position:fixed;width:calc(100% - 15rem);top:0;z-index:1000}.setting-main{display:grid;row-gap:5rem;margin-left:10%;margin-right:10%;margin-top:12rem}.setting-main .option{display:flex;justify-content:center;background-color:var(--color-secondary);width:80%;height:5rem;padding:var(--card-padding);border-radius:var(--boader-radius);grid:5rem;align-items:center;font-size:2rem;font-weight:500;color:var(--color-white);cursor:pointer;transition:background-color .3s ease}.setting-main .option:hover{background-color:var(--color-primary)}:root{--color-white: #272a3a;--color-light: #151728;--color-gray: hsl(252, 15%, 65%);--color-primary: hsl(233, 93%, 57%);--color-secondary: hsl(252, 100%, 90%);--color-success: hsl(120, 95%, 65%);--color-danger: hsl(0, 100%, 50%);--color-dark: hsl(254, 12%, 64%);--color-black: hsl(252, 20%, 10%);--color-hover: hsla(0, 0%, 100%, .692);--card-boader-radius: 1rem;--card-padding: 1rem}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}.profile-page{background-color:var(--color-light);min-height:100vh;margin-top:-3rem}.profile-container{width:100%;max-width:1200px;margin:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#c9d1d9}.cover-photo{position:relative;width:100%;height:250px;background-color:#1f1f1f;overflow:hidden;border-radius:0 0 15px 15px}.cover-img{width:100%;height:100%;object-fit:cover}.post-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#b0b3b8}.post-meta .audience{display:flex;align-items:center;gap:4px}.profile-card{position:relative;background-color:#161b22;margin:-60px auto 20px;padding:1rem;border-radius:15px;box-shadow:0 4px 20px #0006;text-align:center;width:90%;max-width:800px;min-height:220px}.profile-img-wrapper{position:absolute;top:-75px;left:50%;transform:translate(-50%);width:150px;height:150px;border-radius:50%;overflow:visible;border:5px solid #161b22;background-color:#0d1117}.profile-stats{display:flex;justify-content:center;gap:2rem;margin-top:15px;color:#c9d1d9}.profile-stats div{text-align:center}.profile-stats strong{display:block;font-size:1.4rem;color:#fff}.profile-stats span{font-size:1.2rem;color:#9aa0a6}.profile-info{margin-top:80px}.profile-info .name{font-size:2.2rem;color:#fff}.profile-main{display:grid;grid-template-columns:280px 1fr 250px;gap:2rem;padding:1rem}.profile-left{position:sticky;top:9rem;height:max-content;z-index:999}.profile-middle{width:70%;margin-left:20rem}.profile-right{position:sticky;top:9rem;height:max-content}.feed{background:var(--color-white);border-radius:var(--card-boader-radius);padding:var(--card-padding);margin-bottom:2rem}.feed .user{display:flex;align-items:center;gap:1rem}.single-photo img,.grid-photo img{width:100%;border-radius:12px;margin-top:10px}.edit-info-btn{position:absolute;top:15px;right:15px;background:#ffffff1a;color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer}.profile-edit-cover-btn{position:absolute;top:7rem;right:12px;background-color:var(--color-black);color:#fff;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;opacity:.85;transition:opacity .3s ease;z-index:10}.edit-cover-btn:hover{background-color:var(--color-hover);opacity:1}.edit-profile-btn{position:absolute;top:11rem;margin-left:3.5rem;width:50%;height:15%;transform:none;background-color:var(--color-black);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.5rem;cursor:pointer;transition:opacity .3s ease;border-radius:20px;z-index:2;padding:.85rem 1rem}.edit-profile-btn:hover{background-color:var(--color-hover)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media screen and (max-width:1100px){.profile-main{grid-template-columns:250px 1fr}.profile-right{display:none}.profile-middle{width:90%;margin-left:-12rem}.edit-profile-btn{position:absolute;bottom:22rem;left:4px;transform:translate(-50%);background-color:#0009;color:#fff;padding:.5rem 1rem;font-size:1rem;border-radius:12px;cursor:pointer;animation:fadeIn .3s ease forwards}.edit-profile-btn:hover{background-color:var(--color-hover);color:#000}}@media screen and (max-width:768px){.profile-main{grid-template-columns:1fr;gap:1rem}.profile-left{position:relative;top:0;width:100%}.profile-card{width:95%;margin-top:-50px}.profile-img-wrapper{width:120px;height:120px;top:-60px}.cover-photo{height:180px}.edit-info-btn{position:relative;top:0;right:0;margin-bottom:10px}.profile-info .name{font-size:1.8rem}.profile-middle{width:100%;margin-left:1px}.edit-profile-btn{position:absolute;margin-top:-2rem;left:-5px;transform:translate(-50%);background-color:#0009;color:#fff;padding:.5rem 1rem;font-size:.9rem;border-radius:20px;cursor:pointer;animation:fadeIn .3s ease forwards;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.edit-profile-btn:hover{background-color:var(--color-hover)}}@media screen and (max-width:480px){.profile-container{max-width:100%}.feed{border-radius:0}.profile-detail-line{font-size:12px;padding:8px;margin:5px 0}}.modal-content{width:95%;max-width:500px;max-height:90vh;margin:auto}:root{--color-white: #272a3a;--color-light: #151728;--color-gray: hsl(252, 15%, 65%);--color-primary: rgb(43, 67, 247);--color-secondary: hsl(252, 100%, 90%);--color-success: hsl(120, 95%, 65%);--color-danger: hsl(0, 100%, 50%);--color-dark: hsl(254, 12%, 64%);--color-black: hsl(252, 20%, 10%);--color-hover: hsla(0, 0%, 100%, .692);--boader-radius: 2rem;--card-boader-radius: 1rem;--btn-padding: .6rem 1rem;--search-padding: .6rem 1rem;--card-padding: 1rem;--sticky-top-left: 5.4rem;--sticky-top-right: -18rem}.view-main{display:grid;grid-template-columns:280px minmax(0,1fr) 250px;height:calc(100vh - 5.4rem);padding:1rem;height:auto;gap:5rem}.view-left{position:sticky;top:9rem;height:fit-content}.view-middle{height:auto;overflow-x:visible;overscroll-behavior:none}.view-right{top:9rem;right:1rem;width:250px;height:calc(100vh - 9rem)}.profile-container{margin-top:5.4rem;position:relative}.profile-view-card{position:relative;background-color:#161b22;margin:-60px auto 20px;padding:1rem;border-radius:15px;box-shadow:0 4px 20px #0006;text-align:center;width:90%;max-width:800px;min-height:220px}.profile-img-wrapper{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid #0d1117;background-color:#0d1117}.profile-img{width:100%;height:100%;object-fit:cover}.cover-photo{position:relative;width:100%;height:280px;background-color:#1f1f1f;overflow:hidden;border-radius:0 0 15px 15px}.cover-img{width:100%;height:100%;object-fit:cover;object-position:center top}.profile-info{text-align:center;margin-top:90px;position:relative;z-index:1}.profile-info .name{font-size:2.5rem;margin-bottom:.3rem;color:#fff;margin-top:-1.5rem}.profile-info .username{font-size:1.5rem;color:#8b949e;margin-top:.8rem}.profile-info .bio{font-size:1.7rem;color:#c9d1d9;margin-top:1rem}.profile-posts{border-radius:var(--card-boader-radius);margin:.7rem 0;width:100%;height:100%;object-fit:cover}.post img{animation:fadeIn .4s ease}.modal-content{background:var(--color-white);padding:2rem;border-radius:1rem;width:95%;max-width:500px;box-shadow:0 0 20px #00000040;max-height:90vh;overflow-y:auto;position:relative}.modal-content input,.modal-content textarea{width:100%;margin-bottom:1rem;padding:.8rem;border-radius:.5rem;border:1px solid #ccc;background-color:var(--color-dark)}.modal-content button{margin-right:1rem;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;background:var(--color-primary);color:#fff;font-weight:700}.modal-content button:last-child{background:var(--color-danger)}.profile-detail-line{display:flex;align-items:center;gap:.8rem;width:90%;padding:10px 14px;margin:15px 25px;border-radius:8px;font-size:14px;color:#fff}.about-icon{color:#ccc;font-size:2.3rem;margin-bottom:-6px}.detail-line{font-weight:700;display:flex;align-items:center}.profile-divider{border:none;border-top:1px solid #444;margin:12px 0;width:100%}.profile-divider-2{border:none;margin-left:20px;border-top:1px solid #8b8b8b2a;width:90%}.contact-info{color:#fff;display:flex;margin-top:10px;margin-left:15px;font-weight:700}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.see-more-btn{margin-left:1rem;margin-top:1rem;background-color:transparent;border:none;padding:.4rem 1rem;border-radius:6px;cursor:pointer;color:#ffffff7e;font-weight:700}.see-more-btn:hover{color:var(--color-hover)}.view-middle .feeds{background:transparent;border-radius:var(--card-boader-radius);padding:var(--card-padding);display:flex;flex-direction:column}.view-middle .feed{background:var(--color-white);border-radius:var(--card-boader-radius);padding:var(--card-padding);margin-bottom:1rem}.view-middle .feed .head{justify-content:space-between}.view-middle .feed .ingo{margin-top:auto;margin-bottom:auto;font-size:1.4rem}.view-middle .feed .ingo h3{color:var(--color-dark)}.audience{display:block;line-height:1.5;color:var(--color-gray);font-size:1.2rem}.view-middle .feed small{color:#fff}.view-middle .feed .edit{margin-left:auto;color:#fff;margin-top:auto;margin-bottom:auto;font-size:2rem}.view-middle .feed .user{display:flex;gap:1rem;font-size:small}.view-middle .feed .photo img{border-radius:var(--card-boader-radius);margin:.7rem 0;width:100%;height:100%;object-fit:cover}.view-middle .feed .action-button{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:2rem}.view-middle .feed .action-button button{border:none;background:none;cursor:pointer;font-size:2rem;display:flex;align-items:center;gap:4px;color:#fff}.view-middle .feed .interaction-button{display:flex;gap:1.5rem}.view-middle .liked-by{display:flex;font-size:1.5rem}.view-middle .liked-by span{width:2.5rem;height:2.5rem;display:flex;border-radius:50%;overflow:hidden;border:2px solid var(--color-white);margin-left:-.6rem}.view-middle .liked-by span:first-child{margin:0}.view-middle .liked-by p{margin-left:.5rem}.view-middle .feed .hashtag{display:inline-block;color:#1da1f2;padding:5px 10px;border-radius:15px;font-size:14px;font-weight:700;text-decoration:none;transition:background .3s ease;cursor:pointer}.view-middle .feed .comment{font-size:2rem}.single-photo img{width:100%;height:auto;object-fit:cover;border-radius:12px;cursor:pointer}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.grid-photo{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1 / 1}.grid-photo img{width:100%;height:100%;object-fit:cover;border-radius:12px;cursor:pointer}.see-more-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;color:#fff;font-size:22px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer}.see-less{margin-top:5px;background:none;border:none;color:#00f;cursor:pointer;grid-column:span 2}.post-video{width:100%;border-radius:12px;margin-top:10px}.action-button{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.interaction-button button{background:none;border:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.modal-content{width:70%;inset:50% auto auto 50%;margin-right:-50%;transform:translate(-50%,-50%);background:var(--color-light);border:none;padding:0;position:absolute}.modal-container{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.modal-image{width:100%;max-height:90vh;object-fit:contain;border-radius:10px}.modal-nav{position:absolute;top:50%;font-size:3.5rem;background:none;border:none;color:#fff;cursor:pointer;padding:0 10px}.modal-nav.left{left:0;transform:translateY(-50%)}.modal-nav.right{right:0;transform:translateY(-50%)}.profile-middle .feeds .feed{background:var(--color-white);border-radius:var(--card-boader-radius);padding:var(--card-padding);margin:1rem 0;font-size:.85rem;line-height:1.5}.profile-middle .feed .head{justify-content:space-between}.profile-middle .feed .ingo{margin-top:auto;margin-bottom:auto}.profile-middle .feed .ingo h3{color:var(--color-dark)}.profile-middle .feed small{color:#fff}.profile-middle .feed .edit{margin-left:auto;color:#fff;margin-top:auto;margin-bottom:auto;font-size:2rem;z-index:1}.profile-middle .feed .user{display:flex;gap:1rem;font-size:small}.profile-middle .feed .photo img{border-radius:var(--card-boader-radius);margin:.7rem 0;width:100%;height:100%;object-fit:cover}.profile-middle .feed .action-button{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:2rem}.profile-middle .feed .action-button button{border:none;background:none;cursor:pointer;font-size:2rem;display:flex;align-items:center;gap:4px;color:#fff}.profile-middle .feed .interaction-button{display:flex;gap:1.5rem}.profile-middle .liked-by{display:flex;font-size:1.5rem}.profile-middle .liked-by span{width:2.5rem;height:2.5rem;display:flex;border-radius:50%;overflow:hidden;border:2px solid var(--color-white);margin-left:-.6rem}.profile-middle .liked-by span:first-child{margin:0}.profile-middle .liked-by p{margin-left:.5rem}.caption p{margin-top:1rem;font-size:1.4rem}.profile-middle .feed .hashtag{display:inline-block;color:#1da1f2;padding:5px 10px;border-radius:15px;font-size:14px;font-weight:700;text-decoration:none;transition:background .3s ease;cursor:pointer}.profile-middle .feed .comment{font-size:2rem}.left-arrow{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:3.5rem;background:none;border:none;color:#fff;cursor:pointer;padding:0 10px;background-color:transparent}.right-arrow{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:3.5rem;background:none;border:none;color:#fff;background-color:transparent;cursor:pointer;padding:0 10px}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;margin-top:10px}.media-box{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1 / 1}.media-box img,.media-box video{width:100%;height:100%;object-fit:cover;border-radius:12px;cursor:pointer}.modal-container{position:relative;text-align:center;background:#000;padding:1rem;border-radius:10px}.modal-image{max-width:100%;max-height:80vh;border-radius:8px}.left-arrow,.right-arrow{position:absolute;top:50%;font-size:2rem;color:#fff;background:transparent;border:none;cursor:pointer}.left-arrow{left:10px}.right-arrow{right:10px}.about-button{display:flex;justify-content:center;align-items:center;width:80%;margin-top:1rem}.about-button .add-friend button{margin-top:.2rem;justify-content:space-between;column-gap:2rem;align-items:center;margin-right:9rem;background-color:var(--color-primary);color:#fff;padding:var(--card-padding);border-radius:var(--boader-radius);width:15rem;font-size:1.4rem;font-weight:700;cursor:pointer}.about-button .add-friend :hover{background-color:#687afd}.about-button .message button{margin-top:.2rem;justify-content:space-between;column-gap:1rem;align-items:center;margin-right:-12rem;background-color:#fff;color:#000;font-size:1.4rem;font-weight:700;padding:var(--card-padding);border-radius:var(--boader-radius);width:15rem;cursor:pointer}.about-button .message :hover{background-color:#a7a7a7}.unfriendbtn{margin-top:5px;background-color:var(--color-danger);color:#fff;padding:var(--btn-padding);border-radius:var(--boader-radius);width:15rem;font-size:1.3rem;font-weight:700;cursor:pointer}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.add-friend-container{display:flex;gap:.6rem;justify-content:center;align-items:center;margin-top:10px}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.add-friend-container .add-friend{background-color:var(--color-primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:1.2rem;font-weight:600;cursor:pointer;border:none}.cancel-request{background-color:#dfdfdf;color:#000;width:140px;margin:0 auto;padding:5px 10px;text-align:center;border-radius:4px;cursor:pointer}.Profile-Follow{background-color:#2b2b2b;color:#fff;padding:6px 12px;border-radius:6px;font-size:1.2rem;font-weight:600;cursor:pointer;border:none}.Profile-Follow:hover{background-color:#3a3a3a}.Profile-Unfollow{background-color:#3a3a3a;color:#e0e0e0;padding:6px 12px;border-radius:6px;font-size:1.2rem;font-weight:600;cursor:pointer;border:none}.modal-overlay-unfollow{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100000}.unfollow-modal{background:#242526!important;width:450px;max-width:90%;border-radius:12px;border:1px solid #3e4042;box-shadow:0 12px 28px #00000080;color:#e4e6eb;outline:none;overflow:hidden;position:relative;animation:scaleIn .2s ease-out}.unfollow-modal-content h3{padding:18px;margin:0;text-align:center;font-size:17px;font-weight:700;color:#fff;border-bottom:1px solid #3e4042}.modal-actions-unfollow{padding:16px;display:flex;justify-content:flex-end;gap:10px;background-color:#242526}.confirm-btn-unfollow{background-color:#0866ff;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:filter .2s}.confirm-btn-unfollow:hover{filter:brightness(1.1)}.cancel-btn-unfollow{background-color:#3a3b3c;color:#e4e6eb;border:none;padding:10px 24px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.cancel-btn-unfollow:hover{background-color:#4e4f50}.modal-overlay{position:fixed;inset:0;background-color:#000c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:99999}.unfriend-modal{background-color:#242526!important;width:100%;max-width:500px;border-radius:8px;outline:none;box-shadow:0 12px 28px #00000080;border:1px solid #3e4042;overflow:hidden;animation:popIn .2s ease-out}.unfriend-modal-content h3{margin:0;padding:16px;text-align:center;font-size:20px;font-weight:700;color:#fff;border-bottom:1px solid #3e4042}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background-color:#242526}.confirm-btn{background-color:#0866ff!important;color:#fff!important;border:none;padding:8px 30px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer}.cancel-btn{background-color:#3a3b3c!important;color:#e4e6eb!important;border:none;padding:8px 30px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer}.confirm-btn:hover,.cancel-btn:hover{filter:brightness(1.2)}@media screen and (max-width:1100px){.view-main{grid-template-columns:280px 1fr;gap:1.5rem}.view-right{display:none}}@media screen and (max-width:768px){.view-main{display:flex;flex-direction:column;width:100%;padding:10px;gap:1rem}.view-left{position:relative;top:0;width:100%;order:1}.view-middle{order:2;width:100%}.profile-view-card{width:95%;margin-top:-50px}.cover-photo{height:200px}.profile-img-wrapper{width:120px;height:120px}.profile-info .name{font-size:1.8rem}.add-friend-container{flex-direction:column;width:100%}.about-button{flex-direction:column;width:100%;margin:1rem 0}.about-button .add-friend button,.about-button .message button,.unfriendbtn{width:100%;margin:5px 0!important}.unfollow-modal,.unfriend-modal{width:70%;margin-left:8rem}}@media screen and (max-width:480px){.view-main{padding:5px}.profile-info .name{font-size:1.5rem}.profile-detail-line{margin:10px 5px;font-size:13px}.media-grid{grid-template-columns:repeat(2,1fr)}.modal-actions,.modal-actions-unfollow{flex-direction:column-reverse}.confirm-btn,.cancel-btn,.confirm-btn-unfollow,.cancel-btn-unfollow{width:100%;padding:12px}.unfollow-modal,.unfriend-modal{width:70%;margin-left:8rem}}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}:root{--color-white: #272a3a;--color-light: #151728;--color-gray: hsl(252, 15%, 65%);--color-primary: hsl(233, 93%, 57%);--color-secondary: hsl(252, 100%, 90%);--color-success: hsl(120, 95%, 65%);--color-danger: hsl(0, 100%, 50%);--color-dark: hsl(254, 12%, 64%);--color-black: hsl(252, 20%, 10%);--color-hover: hsla(0, 0%, 100%, .692);--boader-radius: 2rem;--card-boader-radius: 1rem;--btn-padding: .6rem 1rem;--search-padding: .6rem 1rem;--card-padding: 1rem;--sticky-top-left: 5.4rem;--sticky-top-right: -18rem}.forgot-password-form{width:100%;max-width:500px;margin:5vh auto;background-color:var(--color-light);padding:var(--card-padding);border-radius:var(--card-boader-radius);box-shadow:0 0 10px #0003;font-family:Inter,sans-serif;color:var(--color-white)}.forgot-password-form h2{text-align:center;margin-bottom:1.5rem;color:#fff;font-weight:600}.forgot-password-form form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-form input{padding:1.5rem 2rem;border-radius:.5rem;border:1px solid var(--color-gray);background-color:var(--color-black);color:#f5f5f5;font-size:1.5rem;outline:none}.forgot-password-form input:disabled{background-color:#333;opacity:.6;cursor:not-allowed}.forgot-password-form button{padding:var(--btn-padding);background-color:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .3s ease}.forgot-password-form button:hover{background-color:var(--color-hover)}.instruction-text{font-size:1.3rem;color:var(--color-dark);text-align:center;line-height:1.5;margin:0 0 2rem;display:block}.code-send{margin-top:3rem;margin-bottom:1.5rem;display:block}.success-message{color:var(--color-success);text-align:center;margin-top:1rem;font-size:1rem}.error-message{color:var(--color-danger);text-align:center;margin-top:1rem;font-size:1rem}.fade-in-pass-form{animation:fadeIn .6s ease-in-out;display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.resend-section{margin-top:1rem;text-align:center}.resend-timer{font-size:1.2rem;color:var(--color-gray)}.resend-btn{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;margin-top:2rem}.resend-btn:hover{background-color:var(--color-primary);color:#fff}.reset-password-form{width:100%;max-width:500px;margin:5vh auto;background-color:var(--color-light);padding:var(--card-padding);border-radius:var(--card-boader-radius);box-shadow:0 0 10px #0003;font-family:Inter,sans-serif;color:var(--color-white)}.reset-password-form h2{text-align:center;margin-bottom:2rem;font-weight:600;color:#fff}.reset-password-form form{display:flex;flex-direction:column;gap:1.5rem}.reset-password-form input{padding:1.5rem 2rem;border-radius:.5rem;border:1px solid var(--color-gray);background-color:var(--color-black);color:#f5f5f5;font-size:1.5rem;outline:none}.reset-password-form button{padding:var(--btn-padding);background-color:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .3s ease}.reset-password-form button:hover{background-color:var(--color-hover)}.success-message{color:var(--color-success);text-align:center;margin-top:1rem;font-size:1.2rem}.error-message{color:var(--color-danger);text-align:center;margin-top:1rem;font-size:1.2rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:3rem}.toggle-visibility{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);cursor:pointer;font-size:2.4rem;-webkit-user-select:none;user-select:none;color:#fff}.reset-password-form{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.middle h2{margin-bottom:20px;font-size:22px;font-weight:600;color:#fff}.middle p{color:#b0b3b8;font-size:14px}.friend-request-card{display:flex;align-items:center;gap:14px;background:#242526;padding:14px 16px;border-radius:12px;margin-bottom:12px;transition:background .2s ease}.friend-request-card:hover{background:#2f3031}.friend-request-card img{width:52px;height:52px;border-radius:50%;object-fit:cover}.friend-request-card h4{margin:0;font-size:15px;font-weight:600;color:#e4e6eb}.friend-request-card p{margin:2px 0 0;font-size:13px;color:#b0b3b8}.friend-request-card>div{flex:1}.friend-request-card button{border:none;outline:none;padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;margin-left:8px;transition:all .2s ease}.friend-request-card button:first-of-type{background:#2374e1;color:#fff}.friend-request-card button:first-of-type:hover{background:#1b64c8}.friend-request-card button:last-of-type{background:#3a3b3c;color:#e4e6eb}.friend-request-card button:last-of-type:hover{background:#4a4b4d}@media(max-width:768px){.friend-request-card{flex-direction:column;align-items:flex-start}.friend-request-card button{margin-left:0;margin-top:6px;width:100%}}