body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{display:none}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#161616}.landingPageContainer{width:100vw;min-height:100vh;background-color:#161616;color:#fff;display:flex;flex-direction:column}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;padding-bottom:0}.navbar img{height:60px;width:auto;filter:drop-shadow(0 0 5px #7c5bff80)}.navbarButtons{display:flex;gap:1rem}.navLink,.navBtn{text-decoration:none;color:#fff;padding:.6rem 1.2rem;border-radius:20px;transition:.3s ease;font-size:1rem}.navLink{background:transparent;border:1px solid #7c5bff}.navLink:hover{background-color:#7c5bff}.navBtn{background-color:#7c5bff;border:none;cursor:pointer}.navBtn:hover{background-color:#5b43d0}.landingContent{flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:4rem 5rem;gap:2rem;flex-wrap:wrap}.landingContentText{max-width:600px;display:flex;flex-direction:column;gap:1rem;justify-content:center}.landingContentText h1{font-size:4rem;font-weight:600;color:#fff}.tagline{font-size:1.4rem;margin-top:1rem;color:#d1d1d1;font-weight:400;text-align:center}.highlight{color:#7c5bff;font-weight:600}.getStartedBtn{margin-top:1.8rem;padding:.9rem 2.2rem;font-size:1.1rem;background-color:#7c5bff;color:#fff;border:none;border-radius:30px;cursor:pointer;text-align:center;text-decoration:none;transition:background .3s ease}.getStartedBtn:hover{background-color:#5b43d0}.landingContentImage img{width:100%;max-width:400px;height:auto;border-radius:20px;box-shadow:0 0 30px #7c5bff33}@media (max-width: 800px){*::-webkit-scrollbar{display:none}body{overflow-x:hidden}.navbar{padding:1rem;gap:4rem}.navbar img{height:25px}.navbarButtons{gap:.5rem;width:100%}.navLink,.navBtn{padding:2px 5px;font-size:.7rem}.landingContent{flex-direction:column;text-align:center;padding:2rem 1.5rem}.landingContentText h1{font-size:2.8rem}.tagline{font-size:1.2rem}.getStartedBtn{padding:.8rem;font-size:1rem}.landingContentImage img{max-width:300px}}.authContainer{background-image:url(/signupImg.png);background-size:cover;background-position:center;background-position-y:20%;background-repeat:no-repeat;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;color:#fff;padding:1rem}.formSection{background-color:#1f1f1f;border-radius:20px;box-shadow:0 0 30px #7c5bff33;flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center}.formSection h2{text-align:center;margin-bottom:2rem;font-weight:600}.authForm .formGroup{margin-bottom:1.5rem;display:flex;flex-direction:column}.authForm label{margin-bottom:.5rem;font-size:1rem;color:#ccc}.authForm input{padding:.8rem 1rem;border:none;border-radius:10px;background-color:#2c2c2c;color:#fff;font-size:1rem}.authForm input:focus{outline:2px solid #7c5bff}.authBtn{width:100%;padding:.9rem;font-size:1.1rem;margin:1rem 0;background-color:#7c5bff;color:#fff;border:none;border-radius:30px;cursor:pointer;transition:background .3s ease}.authBtn:hover{background-color:#5b43d0}.redirectText{text-align:center;margin-top:1rem;font-size:.95rem;color:#bbb}.redirectText a{color:#7c5bff;text-decoration:none}.redirectText a:hover{text-decoration:underline}@media (max-width: 800px){.formSection{padding:1.5rem}.formSection h2,.authForm .formGroup{margin-bottom:1.2rem}.redirectText{margin-top:.5rem;font-size:.9rem}.authBtn{margin:.7rem 0}}.homePageContainer{height:100vh;width:100vw;overflow:hidden;background-image:url(/homeback.png);background-size:cover;background-repeat:no-repeat;position:relative}.navBarHome{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.nav-left img{height:60px;width:auto;filter:drop-shadow(0 0 5px #7c5bff80)}.nav-right{display:flex;gap:1rem}.history-btn,.logout-btn{text-decoration:none;color:#fff;padding:.6rem 1.2rem;border-radius:20px;transition:.3s ease;font-size:1rem;border:1px solid #7c5bff;background:transparent;cursor:pointer}.history-btn:hover,.logout-btn:hover{background-color:#7c5bff}.history-btn i,.logout-btn i{transition:transform .3s ease}.history-btn:hover i,.logout-btn:hover i{transform:scale(1.2)}.meetContainer{display:flex;justify-content:center;align-items:center;margin-top:7rem;padding:2rem}.leftPanel{max-width:600px;display:flex;flex-direction:column;gap:1rem;justify-content:center;text-align:center}.leftPanel h2{margin-left:1rem;font-size:2.4rem;font-weight:700;color:#fff;line-height:1.4;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.6)}.meeting-code-container{display:flex;justify-content:center;gap:1rem;margin-top:1rem;margin-left:2rem}.meeting-code-input{padding:.8rem 1.2rem;font-size:1.2rem;border-radius:10px;border:1px solid #7c5bff;background-color:#2c2c2c;color:#fff}.meeting-code-input:focus{outline:2px solid #7c5bff}.join-btn{padding:.9rem 2.2rem;font-size:1.1rem;background-color:#7c5bff;color:#fff;border:none;border-radius:30px;cursor:pointer;transition:background-color .3s ease}.join-btn:hover{background-color:#5b43d0}.join-btn i{transition:transform .3s ease;margin-right:8px}.join-btn:hover i{transform:scale(1.2)}@media (max-width: 800px){.navBarHome{padding:1.5rem;gap:3rem}.nav-left img{height:32px}.nav-right{gap:.5rem}.history-btn,.logout-btn{padding:4px 8px;font-size:.7rem}.meetContainer{margin-top:3.5rem;padding:2rem 1rem}.leftPanel h2{font-size:1.8rem}.meeting-code-container{margin-left:0}.meeting-code-input{padding:.7rem;font-size:1rem}.join-btn{padding:.7rem 1.5rem;font-size:.9rem}.join-btn i{margin-right:8px}}.lobbyPage{background-color:#161616;color:#fff;height:100vh;width:100vw;padding:1rem 3rem}.lobbyNav{display:flex}.collabLogo{width:11rem;height:55px;margin-bottom:1.5rem;filter:drop-shadow(0 0 5px #7c5bff60)}.lobbyContainer{display:flex;justify-content:space-evenly;align-items:center;box-sizing:border-box;margin-top:3.5rem}.lobbyPage h2{font-size:2rem;margin-left:20rem;margin-bottom:2rem;font-weight:600;text-align:center;color:#fff}.formGroup{width:100%;max-width:400px;display:flex;flex-direction:column;margin-bottom:1.5rem;gap:10px}.formGroup label{margin-left:.5rem;font-size:1.2rem;color:#ccc}.formGroup input{padding:.8rem 1rem;font-size:1.2rem;border:none;border-radius:10px;background-color:#2c2c2c;color:#fff;transition:outline .3s ease}.formGroup input:focus{outline:2px solid #7c5bff}.connectBtn{background-color:#7c5bff;color:#fff;font-size:1.1rem;border:none;border-radius:30px;padding:.9rem 2rem;cursor:pointer;transition:background .3s ease;margin:2rem 0;width:100%;max-width:400px}.connectBtn:hover{background-color:#5b43d0}.videoPreview{width:100%;max-width:600px;background-color:#121212;padding:1rem;border-radius:15px;box-shadow:0 0 20px #7c5bff33}.localVideo{width:100%;height:25rem;border-radius:10px;object-fit:cover;transform:scaleX(-1)}.lobbyOpt{display:flex;justify-content:center;gap:2rem}.toggleBtn{background-color:#2c2c2c;color:#fff;font-size:1rem;padding:.7rem 1.5rem;border:2px solid #7c5bff;border-radius:25px;cursor:pointer;transition:background .3s ease,transform .2s ease}.toggleBtn:hover{background-color:#7c5bff;transform:translateY(-2px)}.toggleBtn.active{background-color:#7c5bff;color:#fff}@media (max-width: 800px){.lobbyPage{padding:1rem}.lobbyNav{display:flex;flex-direction:column;align-items:flex-start}.lobbyNav img{height:30px;width:auto}.lobbyPage h2{font-size:1.5rem;margin-left:3rem;margin-bottom:0}.lobbyContainer{flex-direction:column;align-items:center;justify-content:center}.formGroup{width:95%;max-width:350px;margin-bottom:.7rem;gap:0;align-items:center}.formGroup label{margin-left:.3rem;font-size:1rem;display:none}.formGroup input{padding:.8rem;font-size:1rem;width:90%}.connectBtn{font-size:1rem;padding:.8rem;margin:1.5rem;width:87%;max-width:350px}.videoPreview{width:100%;max-width:100%;padding:1rem;margin-bottom:2rem;height:auto}.localVideo{width:100%;height:auto;min-height:200px;object-fit:cover}}.MeetVideoContainer{display:flex;flex-direction:column;height:100vh;background:#161616}.videoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:.5rem 1rem;max-height:calc(100vh - 100px);overflow-y:hidden;overflow-x:hidden;padding:.5rem}.videoArea.screenShareActive{display:flex;flex-direction:row;height:100%;width:96vw}.screenShareBox{flex:3;display:flex;justify-content:center;align-items:center;background:#000;overflow:hidden;border-radius:10px;height:83vh;margin:1rem}.participantsArea{flex:1;display:flex;flex-direction:column;background:#1c1c1c;padding:10px;overflow-y:auto}.videoBox{background-color:#121212;margin:8px;border-radius:10px;overflow:hidden;width:270px;height:auto;transform:scaleX(-1)}.screenShareBox,.participantsArea{transition:all .5s ease-in-out}.videoArea:not(.screenShareActive) .participantsArea{display:grid;grid-template-columns:repeat(2,1fr);gap:5rem;justify-content:center;padding:1rem}.localVideoStream,.remoteVideoStream{width:100%;height:100%;object-fit:contain;border-radius:10px}.localVideoStream.videoOff,.remoteVideoStream.videoOff{opacity:0}.meetControls{height:70px;background-color:#1f1f1f;display:flex;align-items:center;justify-content:center;gap:2rem;padding:0 1rem;position:fixed;bottom:0;width:100%;z-index:10}.leaveCallBtn{color:#fff;font-size:1.5rem;padding:.8rem 1.2rem;border-radius:50%;cursor:pointer;transition:background .3s ease,transform .2s ease;background-color:#ff4d4d;border:2px solid #ff4d4d}.leaveCallBtn:hover{transform:translateY(-2px);background-color:#e63946}.badge-container{position:relative;display:inline-block}.badge{position:relative}.badge-content{position:absolute;top:-5px;right:-5px;background-color:orange;color:#fff;padding:4px 6px;border-radius:50%;font-size:12px;animation:ping .5s ease-out}@keyframes ping{0%{transform:scale(1);opacity:1}75%{transform:scale(1.4);opacity:.7}to{transform:scale(2);opacity:0}}@media (max-width: 800px){.videoGrid{grid-template-columns:1fr;padding:.5rem .5rem 5rem;gap:10px;max-height:unset;overflow-y:auto}.videoArea.screenShareActive{flex-direction:column;width:auto;height:auto;align-items:center}.screenShareBox{flex:none;width:97%;height:auto;margin:.5rem}.participantsArea{display:none}.videoBox{width:fit-content;height:200px}.videoArea:not(.screenShareActive) .participantsArea{grid-template-columns:1fr!important;gap:1rem}.meetControls{display:flex;justify-content:center;gap:5px}.localVideoStream,.remoteVideoStream{width:100%;height:100%;object-fit:contain;border-radius:10px}}.chatRoomModal{position:fixed;top:0;right:0;height:100vh;width:350px;background-color:#2c2c2ce6;color:#fff;display:flex;flex-direction:column;padding:1rem;box-shadow:-2px 0 10px #0006;border-left:2px solid #7c5bff;z-index:20;border-radius:10px 0 0 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:350px}.chatHeader{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #7c5bff;padding-bottom:.5rem;margin-bottom:.5rem}.chatHeader h2{font-size:1.25rem;color:#7c5bff}.chatMessages{flex:1;overflow-y:auto;padding:.5rem;margin-bottom:.5rem;background-color:#0000004d;border-radius:10px;scrollbar-width:thin;scrollbar-color:#7c5bff #1D1D1D}.msg{background-color:#4b4b4b;padding:.8rem;margin-bottom:.5rem;border-radius:10px;max-width:80%;word-wrap:break-word;box-shadow:0 2px 5px #0000004d}.msg p:first-child{font-weight:700;color:#7c5bff;margin-bottom:.3rem;font-size:.9rem}.msg p:last-child{font-size:1rem;color:#f1f1f1}.chatInputWrapper{display:flex;align-items:center;gap:1rem;margin-left:.2rem}.chatInput{width:100%;padding:.8rem;background-color:#3a3a3a;border:2px solid #7c5bff;color:#fff;border-radius:5px}.chatInput:focus{outline:none}.controlIconBtn{background-color:#2c2c2c;border:2px solid #7c5bff;color:#fff;font-size:1.5rem;padding:.8rem 1.2rem;border-radius:50%;cursor:pointer;transition:background .3s ease,transform .2s ease}.controlIconBtn:hover{background-color:#7c5bff;transform:translateY(-2px)}@media (max-width: 1024px){.chatRoomModal{width:320px}}@media (max-width: 800px){.chatRoomModal{width:300px}}.history-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#1e1e1e;color:#fff;font-family:Arial,sans-serif;padding:2rem;box-sizing:border-box}.home-btn{text-decoration:none;background-color:#7c5bff;color:#fff;font-size:16px;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;display:flex;align-items:center;margin-bottom:2rem}.home-btn i{margin-right:.5rem}.home-btn:hover{background-color:#6a4fd2}.meetings-list{width:100%;max-width:800px;display:flex;flex-direction:column;gap:1rem;align-items:center}.empty-state{color:#888;font-size:18px;text-align:center;font-style:italic;margin-top:2rem}.meeting-card{background-color:#2c2c2c;color:#fff;border:1px solid #7c5bff;padding:1rem;border-radius:10px;box-shadow:0 4px 8px #0000004d;width:100%;max-width:600px;transition:transform .3s ease}.meeting-card:hover{transform:scale(1.05)}.card-content{display:flex;flex-direction:column;gap:.5rem}.meeting-code,.meeting-date{margin-bottom:.5rem}.meeting-code strong,.meeting-date strong{color:#7c5bff}@media (max-width: 768px){.history-page{padding:1rem}.home-btn{font-size:14px}.meeting-card{padding:.8rem}}