@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Pacifico&display=swap";:root{--primary-color: #667eea;--primary-hover: #5a67d8;--text-dark: #2d3748;--text-medium: #4a5568;--text-light: #718096;--border-color: #e2e8f0;--error-color: #e53e3e;--background-light: #f5f7fa}body{line-height:1.6}.auth-container{display:flex;min-height:100vh;background-color:var(--background-light);flex-direction:column}.auth-left{padding:2rem 1rem;background:linear-gradient(135deg,var(--primary-color) 0%,#764ba2 100%);color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-left-content{max-width:500px}.auth-left h1{font-size:2rem;margin-bottom:1rem}.auth-left p{font-size:1rem;opacity:.9}.auth-right{padding:1.5rem;display:flex;justify-content:center;align-items:center;width:100%}.auth-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0000000d;width:100%;max-width:450px}.auth-form h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary-color);text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-light)}.form-control{width:100%;padding:10px 15px;border:1px solid var(--border-color);height:50px;border-radius:8px;color:#777;transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.btn{width:100%;padding:.75rem;border:none;border-radius:8px;height:50px;cursor:pointer;transition:background-color .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.auth-footer{margin-top:1.5rem;text-align:center;color:var(--text-light)}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.5rem;display:block}.social-login{margin-top:1.5rem}.social-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;margin-bottom:.75rem;background:#fff;cursor:pointer;transition:all .3s ease;width:100%}.social-btn:hover{background-color:#f7fafc;border-color:var(--primary-color)}.social-icon{width:20px;height:20px;margin-right:.75rem}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#a0aec0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider-text{padding:0 1rem}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-light)}.password-wrapper{position:relative}@media (min-width: 640px){.auth-left h1{font-size:2.25rem}.auth-left p{font-size:1.1rem}}@media (min-width: 768px){.auth-container{flex-direction:row}.auth-left,.auth-right{flex:1;padding:2rem}.auth-left h1{font-size:2.5rem}}@media (min-width: 1024px){.auth-form{padding:2.5rem}.auth-form h2{font-size:1.8rem}}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.preloader img{width:100px;animation:fadeBounce 1.5s infinite ease-in-out}@keyframes fadeBounce{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.cover-image{height:35vh;width:60%}@media screen and (max-width: 768px){.cover-image{width:100%;height:15vh}}.connect-card{border-radius:15px;overflow:hidden;width:100%;box-shadow:0 10px 50px #00000029;margin:1rem 0;background-color:#fff;color:#555;cursor:pointer}.connect-card-cover{position:relative}.connect-card-dp{background-color:#fff;width:80px;height:80px;border-radius:50%;position:absolute;left:50%;bottom:-130%;transform:translate(-50%,-50%);overflow:hidden}.connect-card-dp img{width:100%;height:100%;object-fit:cover}.connect-card-body{margin-top:2rem;padding:1rem;text-align:center}.connect-card-body button{width:80%;height:40px;border:none;outline:none;border-radius:20px;margin-top:.5rem;background-color:#0c355f;color:#fff;transition:all .3s ease}.connect-card-body button:hover{background-color:#174675}.t14{font-size:14px}.t12{font-size:12px}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 10%;background-color:#fff;box-shadow:0 5px 100px #00000015}.left-navbar{display:flex;justify-content:start;align-items:center;gap:2rem;width:40%}.logo{color:#10467c;font-weight:bolder;font-family:Pacifico,cursive}.search-box{width:80%;display:flex;justify-content:center;align-items:center;gap:2px;border-radius:25px;border:1px solid #bbb;color:#777;padding:.5rem 1rem}.search-box i{font-size:20px}.search-box input{width:100%;font-size:16px;padding:10px;border-radius:20px;outline:none;border:none;color:#777}.search-box input:focus{border-color:#1e90ff}.right-navbar{display:flex;justify-content:space-between;align-items:center;width:55%;color:#777}.right-navbar a{display:inline-flex;justify-content:center;align-items:center;flex-direction:column}.right-navbar a:hover,.right-navbar a.active{color:#1e90ff}.right-navbar i{font-size:20px}.right-navbar span{font-size:14px}@media screen and (max-width:768px){.navbar{padding:1rem}.left-navbar{width:20%}.search-box,.right-navbar{display:none}}.navbar-mini-top{display:flex;justify-content:space-between;align-items:center;padding:.8rem .5rem;background-color:#fff;box-shadow:0 5px 50px #0000002f;position:fixed;top:0;width:100%;z-index:8}.navbar-mini-top h2{color:#174675;font-family:Pacifico,cursive}.navbar-mini-top p{border:1px solid #ccc;padding:.5rem 1rem;width:60%;border-radius:15px;font-size:14px;color:#777;cursor:pointer}.navbar-mini-top i{margin-right:.5rem}.navbar-mini-bottom{display:flex;justify-content:space-around;align-items:center;background-color:#fff;padding:.5rem;box-shadow:0 5px 50px #0000002f;position:fixed;bottom:0;width:100%;z-index:9}.navbar-mini-bottom i{font-size:18px}.navbar-mini-bottom a{border:1px solid #ccc;padding:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;height:50px;width:50px;transition:all .3s ease}.navbar-mini-bottom a.active{color:#174675}.navbar-mini-bottom a.active i{font-size:22px}.container{width:100%;min-height:100vh;display:flex;justify-content:center;padding:0 1rem;margin-top:1.5rem;gap:2rem}.left-content,.right-content{width:25%}.middle-content{width:40%;height:100%;overflow-x:hidden;overflow-y:auto;padding:1rem}.right-content .home-suggestion{width:70%}.my-profile-card{width:80%;border:1px solid #ddd;margin-left:auto;border-radius:10px;overflow:hidden;position:relative;background-color:#fff;box-shadow:0 10px 50px #00000025}.cover-img-wrap{position:relative;overflow:visible}.my-card-cover{width:100%;height:100px}.my-dp{position:absolute;top:45%;left:10%}.my-card-content{margin-top:2.3rem;padding:1rem;color:#555}.create-a-post{padding:1.5rem 1rem 1rem;background-color:#fff;border-radius:5px;box-shadow:0 10px 10px #0000001d}.create-post-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.create-post-header p{padding:10px 15px;border-radius:20px;border:1px solid #ccc;width:100%;color:#777;cursor:pointer}.create-a-post hr{margin:.6rem 0;outline:none;border:.5px solid #ccc}.create-post-body{display:flex;justify-content:space-around;padding:.3rem 1rem}.create-post-body button{outline:none;border:none;background-color:transparent;color:#666;display:flex;justify-content:center;align-items:center;gap:3px;cursor:pointer}.create-post-body i{font-size:22px}.green-btn{color:#067d06}.dgrbl-btn{color:#1e90ff}.orng-btn{color:#ff7300}.post{background-color:#fff;margin:2rem 0;box-shadow:0 5px 20px #0000001d;border-radius:5px}.post-author{padding:.7rem;display:flex;justify-content:space-between;color:#444}.author-details{display:flex;justify-content:start;gap:1rem}.author-dp{width:60px;height:60px;overflow:hidden;border-radius:50%}.author-dp img{width:100%;height:100%;object-fit:cover}.author-info p{font-size:14px;line-height:18px}.author-info p.small{font-size:12px}.post-actions i{font-size:18px;margin-left:.5rem;color:#555;cursor:pointer}.post-info{width:100%}.post-info p{padding:.5rem;color:#555}.post-img{width:100%;height:auto}.post-img img{width:100%;object-fit:cover}.post-controls{display:flex;justify-content:space-around;align-items:center;padding:.5rem}.post-controls button{display:flex;flex-direction:column;gap:5px;background-color:transparent;outline:none;border:none;color:#555}.post-controls i{font-size:20px;cursor:pointer}.post-controls span{font-size:12px}@media screen and (max-width:768px){.container{padding:0 5px;margin-top:.5rem;gap:0}.left-content,.right-content{display:none}.middle-content{width:100%;overflow-x:hidden;overflow-y:auto;padding:.5rem}.create-post-body{justify-content:space-between}.create-post-body span{font-size:12px}.create-post-body i{font-size:16px}.post-author{padding:.3rem}.author-details{gap:.5rem}.author-dp{width:50px;height:50px}.post-actions i{font-size:14px;margin-left:0}}.my-profile{width:50%;margin:auto}.profile-header{margin:1rem 0;background-color:#fff;box-shadow:0 5px 50px #0000002b;border-radius:5px;overflow:hidden}.profile-cover{height:200px;position:relative;text-align:end;padding:1rem}.profile-cover button{width:40px;height:40px;outline:none;border:none;border-radius:50%;cursor:pointer;background-color:#ccc;color:#555;transition:all .3s ease}.profile-cover button:hover{background-color:#eee}.profile-pic{width:140px;height:140px;border-radius:50%;overflow:hidden;position:absolute;bottom:-33%;left:10%}.profile-pic img{width:100%;height:100%;object-fit:cover}.profile-info{padding:4rem 1rem 1rem;position:relative;color:#444}.profile-info p{font-size:14px;margin-bottom:.5rem}.profile-info button{position:absolute;right:1rem;top:1rem;outline:none;border:none;background-color:transparent;font-size:16px;color:#555;cursor:pointer}.about{padding:1.5rem;background-color:#fff;box-shadow:0 5px 50px #0000001c;margin:1rem 0;border-radius:5px;color:#444}.about hr{font-size:14px;margin:.5rem 0}.about-header{display:flex;justify-content:space-between;align-items:center}.about-header button{outline:none;border:none;background-color:transparent;font-size:16px;color:#555;cursor:pointer}.posts{padding:1.5rem;background-color:#fff;box-shadow:0 5px 50px #0000001c;margin:1rem 0;border-radius:5px;color:#444}.posts hr{font-size:14px;margin:.5rem 0}.posts-header{display:flex;justify-content:space-between;align-items:center}.posts-header span{cursor:pointer;color:#10467c;font-size:14px;border:1px solid #10467c;border-radius:5px;padding:.3rem .5rem;margin-right:1rem}.posts-header button{outline:none;border:none;background-color:transparent;font-size:16px;color:#555;cursor:pointer}.posts-wrapper{height:60vh;border:1px dashed #10467c;border-radius:5px}.parent-wrapper{padding:.5rem;background-color:#fff;box-shadow:0 5px 50px #0000001c;margin:1rem 0;border-radius:5px;color:#444}.child-wrapper{border:1px dashed dodgerblue;padding:.5rem 1rem 1rem;border-radius:5px}.child-wrapper hr{font-size:14px;margin:.5rem 0}.child-header{display:flex;justify-content:space-between;align-items:center}.child-header button{outline:none;border:none;background-color:transparent;font-size:16px;color:#555;cursor:pointer}.child-body button{outline:none;border:none;background-color:transparent;font-size:14px;color:#10467c;cursor:pointer}@media screen and (max-width:768px){.my-profile{width:95%;margin:auto}.profile-cover{height:130px}.profile-pic{width:110px;height:110px}}.notifications{width:50%;margin:1rem auto}.noti-header{background-color:#fff;padding:1rem;border-radius:5px;box-shadow:0 5px 50px #0002;margin-bottom:1rem}.noti-header hr{margin:.5rem 0}.filter-noti{display:flex;justify-content:end;gap:1rem}.noti-wrapper{display:flex;flex-direction:column;gap:.5rem}.noti{background-color:#fff;border-radius:5px;display:flex;justify-content:space-between;align-items:center;padding:.5rem;color:#555;cursor:pointer;box-shadow:0 5px 50px #0002}.noti-body{display:flex;justify-content:start;gap:10px;align-items:center}.noti-icon{width:45px;height:45px;border-radius:50%;overflow:hidden}.noti-icon img{width:100%;height:100%;object-fit:cover}.noti-action p{font-size:14px}@media screen and (max-width:768px){.notifications{width:95%;margin:1rem auto}.filter-noti{display:flex;justify-content:space-around;gap:1rem}}.people-wrapper{width:50%;margin:1rem auto}.people-header{padding:1rem;background-color:#fff;color:#555;border-radius:5px;box-shadow:0 5px 50px #00000026}.people-body{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.people{width:30%}@media screen and (max-width:480px){.people-wrapper{width:100%;padding:.5rem}.people-body{gap:.5rem}.people{width:48%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:#f1f1f1;color:#333;width:100%;min-height:100vh}a{text-decoration:none;color:inherit}