*{margin:0;padding:0;box-sizing:border-box}.landingPageContainer.noImage{min-height:100vh;width:100vw;background:linear-gradient(135deg,#2f2b75,#483d8b);color:#fff;font-family:Segoe UI,sans-serif;display:flex;flex-direction:column}.landingPageContainer nav{padding:1.6rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navHeader h2{font-size:2rem;font-weight:700;color:#fff}.navlist{display:flex;gap:1rem;cursor:pointer}.navlist p,.navlist div p{padding:.6rem 1.2rem;border-radius:25px;transition:.3s ease;border:1px solid white;background-color:transparent}.navlist p:hover,.navlist div p:hover{background-color:#ff9839;color:#fff;border:none}.landingMainContainer{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 3rem}.landingTextBlock{max-width:700px;text-align:center}.landingTextBlock h1{font-size:3.2rem;margin-bottom:1rem;line-height:1.2}.landingTextBlock .highlight{color:#ff9839}.landingTextBlock p{font-size:1.3rem;color:#f0f0f0}.landingTextBlock div[role=button]{background:#ff9839;padding:1rem 2.2rem;border-radius:30px;margin-top:1.6rem;display:inline-block;transition:all .3s ease}.landingTextBlock div[role=button]:hover{background-color:#fff}.landingTextBlock div[role=button] a{text-decoration:none;color:#483d8b;font-size:1.4rem;font-weight:700}.landingMainContainer.withImage{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:3rem 4rem;gap:2rem}.landingImage img{height:60vh;max-width:100%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}.landingMainContainer.withImage{display:flex;justify-content:space-between;align-items:center;padding:3rem 4rem;flex-wrap:nowrap;gap:3rem}.landingTextBlock{flex:1;text-align:left}.landingImage{flex:1;display:flex;justify-content:center}.landingImage img{height:auto;max-width:100%;max-height:60vh;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}@media screen and (max-width: 768px){.landingMainContainer.withImage{flex-direction:column-reverse;gap:0;text-align:center;padding:2rem;min-height:100ch;justify-content:center}.landingTextBlock{text-align:center}.landingTextBlock h1{font-size:2rem}.landingTextBlock>p{font-size:1rem}.landingImage{margin-top:2rem;max-height:7rem}.landingImage img{width:90%}.navHeader h2{font-size:1rem}.navlist{flex-direction:column}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:14px 30px;background:linear-gradient(135deg,#6a5acd,#483d8b);color:#fff;box-shadow:0 4px 12px #00000026;position:sticky;top:0;z-index:1000;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.navbar h3{font-size:22px;font-weight:700;margin:0;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.navbar .MuiIconButton-root{color:#2b2222;margin-right:16px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .2s ease}.navbar .MuiIconButton-root:hover{transform:scale(1.1)}.navbar p{margin:0;font-size:12px;font-weight:500}.navbar button{background-color:#fff;color:#483d8b;font-weight:600;padding:8px 16px;border-radius:8px;box-shadow:0 2px 8px #ffffff40;transition:all .3s ease}.navbar button:hover{background-color:#e8e8ff;transform:scale(1.05)}.rightPanel{padding-right:3rem}.rightPanel img{height:50vh;width:auto;min-width:20vw;border-radius:20px;box-shadow:0 12px 35px #0000001f;object-fit:contain;transition:transform .35s ease,box-shadow .35s ease;background:#ffffffb3;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rightPanel img:hover{transform:scale(1.05);box-shadow:0 16px 50px #0003}.leftPanel{background:linear-gradient(145deg,#fff,#f1f3f8);padding:50px 40px;border-radius:24px;box-shadow:0 20px 50px #00000014;max-width:620px;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:35px;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.Heading{font-size:32px;font-weight:700;color:#1d1d35;line-height:1.6;letter-spacing:.6px;text-shadow:0 1px 3px rgba(0,0,0,.06)}.leftPanel .MuiTextField-root{flex:1;background-color:#f7f9fc;border-radius:12px;box-shadow:inset 0 2px 6px #0000000a}.leftPanel .MuiInputBase-input{padding:14px 16px;font-size:17px;font-weight:500;color:#2c2f41}.leftPanel button{padding:14px 26px;font-size:16px;font-weight:700;border-radius:12px;background:linear-gradient(135deg,#7b5eff,#5e42c6);color:#fff;text-transform:uppercase;box-shadow:0 8px 20px #5e42c666;transition:transform .2s ease,box-shadow .2s ease}@media screen and (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start;padding:12px 20px}.navbar h3{font-size:18px;margin-bottom:10px}.navbar .MuiIconButton-root{margin-right:8px;font-size:14px}.navbar button{padding:6px 12px;font-size:14px}.leftPanel{padding:30px 20px;max-width:100%;gap:24px}.Heading{font-size:24px;text-align:center}.leftPanel button{padding:12px 20px;font-size:14px}.rightPanel{padding-right:3rem;display:flex;justify-content:center;align-items:center}.rightPanel img{max-height:60vh;max-width:90%;width:auto;height:auto;border-radius:20px;box-shadow:0 12px 35px #0000001f;object-fit:contain;transition:transform .35s ease,box-shadow .35s ease;background:#ffffffb3;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rightPanel img:hover{transform:scale(1.05);box-shadow:0 16px 50px #0003}}@media screen and (max-width: 480px){.navbar{padding:10px 16px}.leftPanel{padding:24px 16px}.Heading{font-size:20px}.leftPanel .MuiInputBase-input{font-size:15px;padding:12px 14px}.leftPanel button{padding:10px 18px;font-size:13px}.rightPanel{display:inline;width:0rem}.rightPanel img{width:7rem;max-height:12vh;border-radius:4rem;margin-left:-2.5rem;padding:8px}}.leftPanel button:hover{background:linear-gradient(135deg,#5e42c6,#3e2a94);transform:scale(1.02);box-shadow:0 10px 30px #3e2a9473}.auth-layout{display:flex;height:100vh;width:100%}.auth-left{flex:1;background-color:#fff;z-index:1000}.auth-right{flex:1;background-image:url(/connect.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}@media (max-width:520px){.auth-right{display:none;z-index:1}}.MuiBox-root{height:80vh}.meetVideoContainer{position:relative;height:100vh;background-color:#261c4d}.meetUserVideo{position:absolute;bottom:10vh;left:3rem;height:30vh;width:auto;border-radius:10px}.buttonContainer{position:absolute;width:100vw;bottom:0;text-align:center}.buttonContainer svg{font-size:3rem}.conferenceView{display:flex;padding:10px}.conferenceView video{width:20vw;height:40vh;min-width:30vw}.chatRoom{position:absolute;display:flex;flex-direction:column;right:0;bottom:0;height:90%;width:30rem;background:#fff;border-radius:12px 0 0 12px;box-shadow:-4px 0 15px #0000001a;padding:16px;z-index:1000;font-family:Segoe UI,sans-serif}.chatRoom h1{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:10px;color:#483d8b}.chattingDisplay{flex:1;overflow-y:auto;padding:12px;background:#f5f7fa;border-radius:8px;margin-bottom:12px;border:1px solid #e0e0e0;height:100%}.chattingDisplay p{margin:4px 0;font-size:14px;word-wrap:break-word}.chattingArea{display:flex;gap:8px;align-items:center}.chattingArea .MuiTextField-root{flex:1;background:#fff;border-radius:8px}.chattingArea .MuiButton-root{padding:10px 16px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#7b5eff,#5e42c6);color:#fff;text-transform:none;transition:transform .2s ease}.chattingArea .MuiButton-root:hover{transform:scale(1.05);background:linear-gradient(135deg,#5e42c6,#3e2a94)}.chattingDisplay{flex:1 1 auto;overflow-y:auto;margin-bottom:12px;background:#fff;border-radius:4px;padding:8px}.chatContainer{flex-shrink:0;display:flex;align-items:center;gap:8px;background:#fff;padding:8px 0 0;z-index:1000}.chattingArea{display:flex;width:100%;gap:8px}.meetContianer{display:flex;padding-inline:20px;height:80vh;gap:10vw;justify-content:center;padding-top:4rem}.LobbyArea{display:flex;flex-direction:column;align-items:center;padding:2rem;min-height:100vh;background:linear-gradient(to right,#ece9e6,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.LobbyArea h2{font-size:2rem;font-weight:600;color:#333;margin-bottom:1.5rem}.LobbyArea .MuiTextField-root{width:100%;max-width:300px;margin-bottom:1rem}.LobbyArea .MuiButton-root{width:100%;max-width:300px;padding:.6rem;font-weight:600;font-size:1rem;margin-bottom:2rem}.video-container{width:90%;max-width:800px;height:60vh;border-radius:12px;overflow:hidden;border:3px solid #1976d2;box-shadow:0 8px 24px #00000026;background-color:#000}.video-container video{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width: 1024px){.chatRoom{width:24rem}}.closeButton{width:40px;height:40px;margin-bottom:2rem;background-color:#6951c7;border-radius:50%;box-shadow:0 4px 12px #00000026;z-index:10}@media screen and (max-width: 480px){.chatRoom{width:90%;right:5%;bottom:2%;height:80%;border-radius:12px}.chattingArea{flex-direction:column;gap:10px}.chattingArea .MuiTextField-root,.chattingArea .MuiButton-root{width:100%}.chatRoom h1{font-size:1.4rem}.meetContianer{display:flex;flex-direction:column;gap:0;padding:.5rem}.rightPanel{width:100%;display:flex;justify-content:center}.rightPanel img{height:10rem;position:relative;bottom:3rem;left:2rem}}