@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:Inter,system-ui,sans-serif;overflow-x:hidden;background:#f5f9ff}.landingPageContainer{min-height:100vh;background:url(/doBackground.jpg) no-repeat center center / cover;color:#fff;display:flex;flex-direction:column}.navbar{padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;border-bottom:1px solid rgba(15,117,201,.25);position:sticky;top:0;z-index:100}.logo{font-size:1.8rem;font-weight:600;color:#0f75c9;display:flex;align-items:center}.logo span{color:#11b434}.logoD{width:32px;height:32px;margin-right:8px}.navList{display:flex;align-items:center;gap:1.4rem}.navList p{cursor:pointer;font-size:.95rem;padding:.45rem 1rem;border-radius:18px;color:#fff;background-color:#0f75c9;border:1px solid rgba(15,117,201,.35);transition:all .3s ease}.navList p:hover{background:#fff;color:#0f75c9}.loginBtn{background:#0f75c9;border:1px solid #0f75c9;color:#fff;padding:.5rem 1.4rem;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s ease}.loginBtn:hover{background:#fff;color:#0f75c9}.landingMainContainer{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;gap:2rem}.content{max-width:720px}.heroText h1{font-size:2.7rem;line-height:1.2}.heroText h1 span{color:#11b434}.heroText p{margin:1rem 0 2rem;font-size:1.1rem;opacity:.9}.ctaBtn{background:#0f75c9;border:none;padding:.9rem 2.2rem;font-size:1.1rem;border-radius:25px;color:#fff;cursor:pointer;transition:transform .3s ease,background .3s ease}.ctaBtn:hover{background:#fff;color:#0f75c9;transform:translateY(-2px)}.imageWrapper{display:flex;align-items:center;justify-content:center}.imageWrapper img{height:70vh;max-width:100%}@media(max-width:1024px){.landingMainContainer{padding:0 2rem}.heroText h1{font-size:2.4rem}.imageWrapper img{height:55vh}}@media(max-width:768px){.navbar{padding:1rem 1.5rem}.navList p{display:none}.landingMainContainer{flex-direction:column;text-align:center;padding:2rem 1.5rem}.content{max-width:100%}.heroText h1{font-size:2.2rem}.ctaBtn{width:100%}.imageWrapper{margin-top:2rem}.imageWrapper img{height:45vh}}@media(max-width:480px){.heroText h1{font-size:1.9rem}.ctaBtn{font-size:1rem;padding:.8rem 1.8rem}}.lobby{height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;color:#2398eb}.meeting-container{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#fff}.main-area{flex:1;display:flex;width:100%;overflow:hidden}.video-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;padding:.75rem}.video-card{position:relative;background:#000;border-radius:12px;overflow:hidden}.video-card video{width:100%;height:100%;object-fit:cover}.username{position:absolute;bottom:6px;left:6px;background:#0009;color:#fff;padding:4px 8px;font-size:.7rem;border-radius:6px}.controls{display:flex;justify-content:center;gap:1rem;padding:.6rem;border-top:1px solid #e5e7eb}.controls button{background:#3b6ec0;color:#fff}.controls button.off{background:#3f3e3e}.end-call{background:red!important}.chat-panel{width:280px;min-width:280px;height:100%;background:#f8fafc;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;border-radius:10px}.main-area.chat-open .video-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chat-header{padding:.6rem .75rem;background:#e2e8f0;font-weight:600;font-size:.9rem;border-bottom:1px solid #d1d5db}.messages{flex:1;padding:.6rem;overflow-y:auto;scroll-behavior:smooth}.message{max-width:75%;padding:7px 10px;border-radius:12px;font-size:.85rem;margin-bottom:6px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message.me{background:#2563eb;color:#fff;margin-left:auto;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message.other{background:#e5e7eb;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.sender{font-size:.65rem;opacity:.7}.chat-input{padding:.6rem;display:flex;gap:.4rem;border-top:1px solid #e5e7eb}.chat-input input,.chat-input textarea,.chat-input .MuiInputBase-input{white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word}@media(max-width:768px){.video-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.chat-panel{position:fixed;bottom:0;left:0;right:0;height:42%;width:100%;border-left:none;border-top:1px solid #e5e7eb;z-index:1000;animation:slideUp .25s ease}.main-area.chat-open .video-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.messages{-webkit-overflow-scrolling:touch}}@media(max-width:480px){.chat-panel{height:45%}.message{max-width:85%;font-size:.8rem}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}