*{box-sizing:border-box;margin:0;padding:0}body{background-color:#05070c;min-height:100vh;overflow-x:hidden}.landingPageContainer{color:#fff;background:radial-gradient(circle at 75% 30%,#171127 0%,#05070c 65%);flex-direction:column;width:100vw;min-height:100vh;font-family:Poppins,system-ui,-apple-system,sans-serif;display:flex}nav{justify-content:space-between;align-items:center;width:100%;padding:35px 80px;display:flex}.navHeader h2{letter-spacing:-.5px;font-size:1.6rem;font-weight:700}.navlist{align-items:center;gap:35px;display:flex}.navlist p{color:#a0aec0;cursor:pointer;font-size:.95rem;transition:color .2s}.navlist p:hover{color:#fff}.navlist div[role=button]{cursor:pointer;background-color:#ff9839;border-radius:6px;padding:10px 28px;transition:background-color .2s}.navlist div[role=button]:hover{background-color:#e07f2b}.navlist div[role=button] p{color:#fff;font-weight:600}.landingMainContainer{flex:1;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 80px;display:flex}.landingMainContainer>div:first-child{max-width:580px}.landingMainContainer h1{letter-spacing:-1px;margin-bottom:20px;font-size:3.6rem;font-weight:700;line-height:1.25}.landingMainContainer p{color:#718096;margin-bottom:45px;font-size:1.15rem}.landingMainContainer div[role=button]{display:inline-block}.landingMainContainer div[role=button] a{color:#fff;background-color:#ff9839;border-radius:6px;padding:14px 38px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s;display:block;box-shadow:0 4px 20px #ff983940}.landingMainContainer div[role=button] a:hover{background-color:#e07f2b;transform:translateY(-2px)}.landingMainContainer>div:last-child{justify-content:center;align-items:center;width:580px;display:flex;position:relative}.landingMainContainer img{object-fit:contain;filter:drop-shadow(0 25px 50px #0009);width:100%;max-width:520px;height:auto}@media (width<=1200px){nav{padding:30px 40px}.landingMainContainer{padding:0 40px}.landingMainContainer h1{font-size:3rem}.landingMainContainer img{max-width:440px}}@media (width<=992px){.landingMainContainer{text-align:center;flex-direction:column;justify-content:center;gap:50px;padding:60px 40px}.landingMainContainer>div:first-child{flex-direction:column;align-items:center;max-width:100%;display:flex}.landingMainContainer>div:last-child{width:100%}.landingMainContainer img{max-width:400px}}@media (width<=768px){nav{padding:25px 24px}.navlist{gap:20px}.navlist p{font-size:.85rem}.navlist div[role=button]{padding:8px 20px}.landingMainContainer h1{font-size:2.4rem}.landingMainContainer p{margin-bottom:30px;font-size:1rem}.landingMainContainer img{max-width:320px}}@media (width<=576px){nav{flex-direction:column;gap:15px;padding:20px 16px}.navlist{justify-content:center;gap:15px;width:100%}.landingMainContainer h1{font-size:2rem}.landingMainContainer div[role=button] a{padding:12px 30px;font-size:.95rem}.landingMainContainer img{max-width:280px}}.meeting-screen{background-color:#111214;flex-direction:column;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.navbar{box-sizing:border-box;color:#fff;z-index:10;background-color:#0000;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 24px;display:flex}.navbar-brand{font-size:1.1rem;font-weight:500}.meeting-viewport-wrapper{flex-direction:row;flex:1;width:100%;height:calc(100vh - 130px);display:flex;position:relative;overflow:hidden}.meeting-container{box-sizing:border-box;flex:1;justify-content:center;align-items:center;height:100%;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.meeting-container.chat-panel-open{margin-right:25%}.video-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;width:100%;max-width:1280px;margin:0 auto;padding-bottom:20px;display:grid}.video-grid.has-pinned-active{flex-direction:row;align-items:stretch;gap:20px;width:100%;max-width:1400px;height:100%;display:flex}.pinned-main-focus-area{flex:3;justify-content:center;align-items:center;height:100%;display:flex}.pinned-main-focus-area .local-video-card,.pinned-main-focus-area .remote-video-card{aspect-ratio:16/9;border:2px solid #ff9838;width:100%;height:100%;max-height:calc(100vh - 180px);box-shadow:0 8px 32px #ff983833}.unpinned-sidebar-gallery{flex-direction:column;flex:1;justify-content:flex-start;gap:12px;max-height:calc(100vh - 160px);padding-right:4px;display:flex;overflow-y:auto}.unpinned-sidebar-gallery .local-video-card,.unpinned-sidebar-gallery .remote-video-card{aspect-ratio:16/9;width:100%;min-width:220px}.local-video-card,.remote-video-card{background-color:#202124;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 4px 12px #0003}.video-wrapper-inner{aspect-ratio:16/9;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.local-video-element,.remote-video-element{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.local-user-label,.remote-user-label{color:#fff;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#202124a6;border-radius:4px;padding:4px 12px;font-size:.82rem;position:absolute;bottom:12px;left:12px}.kebab-menu-container{z-index:20;position:absolute;bottom:12px;right:12px}.kebab-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#202124a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.kebab-btn:hover{background-color:#3c4043e6;transform:scale(1.05)}.kebab-btn svg{fill:currentColor;width:16px;height:16px}.kebab-dropdown-menu{z-index:100;background-color:#202124;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;width:140px;padding:6px 0;animation:.15s ease-out fadeInDropdown;display:flex;position:absolute;bottom:120%;right:0;box-shadow:0 4px 16px #0006}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{text-align:left;color:#e8eaed;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.85rem;transition:background-color .2s;display:flex}.dropdown-item:hover{background-color:#ffffff14}.dropdown-item.danger-action{color:#ea4335}.dropdown-item.danger-action:hover{background-color:#ea43351a}.side-chat-panel{-webkit-backdrop-filter:blur(25px)saturate(180%);z-index:150;box-sizing:border-box;background:#1a1b26a6;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;width:24%;min-width:320px;height:calc(100vh - 162px);transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:16px;right:-26%;box-shadow:-10px 0 36px #00000073}.side-chat-panel.visible{right:16px}.chat-panel-header{color:#fff;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-panel-header h3{margin:0;font-size:1.1rem;font-weight:500}.chat-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.chat-close-btn svg{fill:currentColor;width:20px;height:20px}.chat-panel-info-alert{color:#ffffff73;text-align:center;background-color:#ffffff0a;border-radius:8px;margin:12px 16px;padding:10px;font-size:.72rem;line-height:1.4}.chat-messages-scroll-zone{flex-direction:column;flex:1;gap:12px;min-height:0;padding:0 16px 16px;display:flex;overflow-y:auto}.chat-message-bubble-row{flex-direction:column;align-self:flex-start;align-items:flex-start;max-width:82%;display:flex}.chat-message-bubble-row.align-self-right{align-self:flex-end;align-items:flex-end}.chat-bubble-username{color:#ff9838;margin-bottom:3px;padding-left:4px;font-size:.78rem;font-weight:600}.chat-bubble-text-content{color:#f1f3f4;word-break:break-word;background-color:#ffffff14;border-radius:8px 12px 12px;min-width:90px;padding:8px 12px 20px;font-size:.88rem;line-height:1.4;position:relative}.chat-message-bubble-row.align-self-right .chat-bubble-text-content{background-color:#ff98382e;border:1px solid #ff983840;border-radius:12px 8px 12px 12px}.chat-bubble-timestamp{color:#fff6;font-size:.65rem;position:absolute;bottom:4px;left:10px}.chat-panel-footer-input{background:#0f101673;border-top:1px solid #ffffff0d;border-radius:0 0 14px 14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.chat-panel-footer-input input{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;outline:none;flex:1;padding:10px 16px;font-size:.88rem;transition:all .2s}.chat-panel-footer-input input:focus{background:#ffffff12;border-color:#ff9838b3}.chat-panel-footer-input input::placeholder{color:#ffffff4d}.chat-send-btn{color:#ff9838;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.chat-send-btn:disabled{color:#ffffff26}.chat-send-btn svg{fill:currentColor;width:18px;height:18px}.bottom-dockbar{box-sizing:border-box;z-index:100;background-color:#111214;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 24px;display:flex;position:absolute;bottom:0;left:0}.dock-left-info{color:#fff;min-width:200px;font-size:.95rem}.dock-center-controls{align-items:center;gap:12px;display:flex}.dock-right-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:200px;display:flex}.btn-tooltip-wrapper{display:inline-block;position:relative}.dock-btn{cursor:pointer;color:#fff;background-color:#3c4043;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.dock-btn:hover{background-color:#43474b}.dock-btn.disabled{background-color:#ea4335}.dock-btn.exit{background-color:#ea4335;border-radius:24px;width:56px}.dock-btn svg{fill:currentColor;width:20px;height:20px}.btn-tooltip-wrapper .tooltip-text{visibility:hidden;color:#e8eaed;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;z-index:1000;background-color:#202124;border-radius:4px;width:max-content;padding:6px 12px;font-size:.75rem;transition:opacity .15s ease-in-out;position:absolute;bottom:130%;left:50%;transform:translate(-50%)}.dock-right-actions .btn-tooltip-wrapper .tooltip-text{left:auto;right:0%;transform:translate(0%)}.btn-tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.lobby-container{background-color:#0b0c16;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.lobby-card-wrapper{box-sizing:border-box;background-color:#1a1b26;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:340px;padding:40px;display:flex}.lobby-card-wrapper h2{color:#fff;margin:0;font-size:1.6rem}.lobby-input{width:100%}.lobby-input .MuiOutlinedInput-root{background-color:#111214;border-radius:8px;color:#fff!important}.lobby-input .MuiOutlinedInput-root fieldset{border-color:#ffffff26!important}.lobby-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#ff9838!important}.lobby-input .MuiInputLabel-root{color:#ffffff80!important}.lobby-input .MuiInputLabel-root.Mui-focused{color:#ff9838!important}.join-btn{width:100%;color:#fff!important;text-transform:none!important;background:linear-gradient(135deg,#ff9838,#ff7a21)!important;border-radius:8px!important;padding:12px 0!important}.chat-messages-scroll-zone::-webkit-scrollbar{width:6px}.meeting-container::-webkit-scrollbar{width:6px}.unpinned-sidebar-gallery::-webkit-scrollbar{width:6px}.chat-messages-scroll-zone::-webkit-scrollbar-thumb{background-color:#ffffff1f;border-radius:4px}.meeting-container::-webkit-scrollbar-thumb{background-color:#ffffff1f;border-radius:4px}.unpinned-sidebar-gallery::-webkit-scrollbar-thumb{background-color:#ffffff1f;border-radius:4px}.home-dashboard-screen{background-color:#0b0c16;background-image:radial-gradient(circle at 10% 20%,#ff983814 0%,#0000 40%),radial-gradient(circle at 90% 80%,#a4a9fc14 0%,#0000 45%);flex-direction:column;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.home-navbar{box-sizing:border-box;z-index:10;align-items:center;width:100%;height:65px;padding:0 40px;display:flex}.home-nav-brand{color:#fff;letter-spacing:-.5px;align-items:center;gap:8px;font-size:1.35rem;font-weight:600;display:flex}.home-nav-brand .brand-icon{color:#ff9838;font-size:1.8rem}.home-hero-container{box-sizing:border-box;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.home-glass-card{-webkit-backdrop-filter:blur(30px)saturate(190%);box-sizing:border-box;background:#1a1b2673;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;width:100%;max-width:520px;padding:40px;display:flex;box-shadow:0 20px 50px #0006}.card-header-block h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:2.2rem;font-weight:700;line-height:1.25}.card-header-block h1:nth-child(2){color:#fff9}.card-header-block p{color:#ffffff80;margin:18px 0 32px;font-size:.95rem;line-height:1.6}.card-action-utilities{flex-direction:column;gap:16px;width:100%;display:flex}.create-call-btn{color:#fff!important;text-transform:none!important;background:linear-gradient(135deg,#ff9838,#ff7a21)!important;border-radius:10px!important;padding:12px 0!important;font-size:1rem!important;font-weight:600!important;transition:all .2s ease-in-out!important;box-shadow:0 6px 20px #ff7a2140!important}.create-call-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ff7a2159!important}.input-join-inline-group{align-items:center;gap:12px;width:100%;display:flex}.home-code-input{flex:1}.home-code-input .MuiOutlinedInput-root{background-color:#ffffff08;border-radius:10px;color:#fff!important}.home-code-input .MuiOutlinedInput-root fieldset{transition:border-color .2s;border-color:#ffffff1a!important}.home-code-input .MuiOutlinedInput-root:hover fieldset{border-color:#ffffff40!important}.home-code-input .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#ff983899!important}.home-code-input input::placeholder{color:#ffffff59;font-size:.95rem}.join-call-action-link{color:#ff9838!important;text-transform:none!important;border-radius:10px!important;padding:10px 20px!important;font-size:1rem!important;font-weight:600!important;transition:all .2s!important}.join-call-action-link:hover:not(:disabled){background-color:#ff98381a!important}.join-call-action-link:disabled{color:#fff3!important}.card-divider-line{background-color:#ffffff0f;width:100%;height:1px;margin:32px 0 20px}.card-footer-tip{color:#ffffff59;text-align:center;font-size:.8rem}.accent-inline-link{color:#ff9838cc;text-decoration:none;transition:color .2s}.accent-inline-link:hover{color:#ff9838;text-decoration:underline}.history-section{flex-direction:column;gap:12px;width:100%;margin-top:4px;display:flex}.history-header{justify-content:space-between;align-items:center;width:100%;display:flex}.history-title{color:#ffffffd9;align-items:center;gap:6px;display:flex}.history-icon-badge{color:#ff9838;font-size:1.1rem!important}.history-title h3{letter-spacing:.2px;margin:0;font-size:.92rem;font-weight:500}.clear-history-btn{color:#ea4335bf;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.78rem;font-weight:500;transition:all .2s}.clear-history-btn:hover{color:#ea4335;background-color:#ea43351a}.history-list-container{flex-direction:column;gap:8px;width:100%;display:flex}.history-item-row{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.history-item-row:hover{background:#ffffff12;border-color:#ff98384d;transform:translate(2px)}.history-room-info{color:#f1f3f4;align-items:center;gap:8px;display:flex}.row-room-icon{color:#a4a9fc;font-size:1.05rem!important}.history-room-id{font-family:monospace;font-size:.88rem;font-weight:500}.history-time-info{color:#fff6;align-items:center;gap:6px;font-size:.78rem;display:flex}.row-time-icon{font-size:.95rem!important}.history-empty-state{text-align:center;color:#ffffff40;background:#ffffff03;border:1px dashed #ffffff14;border-radius:10px;padding:16px;font-size:.82rem}.home-navbar{box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 40px;display:flex}.navbar-profile-wrapper{align-items:center;display:flex;position:relative}.profile-trigger-zone{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff0f;border-radius:30px;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:all .2s ease-in-out;display:flex}.profile-trigger-zone:hover,.profile-trigger-zone.active{background:#ffffff14;border-color:#ff983866}.navbar-default-avatar{color:#fff!important;background:linear-gradient(135deg,#ff9838,#ff7a21)!important;width:32px!important;height:32px!important;font-size:.95rem!important;font-weight:600!important}.navbar-username-label{color:#e8eaed;font-size:.92rem;font-weight:500}.profile-glass-dropdown{-webkit-backdrop-filter:blur(25px)saturate(170%);z-index:200;background:#1a1b26bf;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:200px;padding:14px 0;animation:.2s cubic-bezier(.4,0,.2,1) slideDownMenu;display:flex;position:absolute;top:125%;right:0;box-shadow:0 12px 36px #00000080}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-details{flex-direction:column;padding:0 16px 8px;display:flex}.dropdown-user-details .user-email-meta{color:#fff6;font-size:.72rem}.dropdown-user-details h4{color:#fff;margin:2px 0 0;font-size:.95rem;font-weight:500}.dropdown-divider-bar{background-color:#ffffff0f;width:100%;height:1px;margin:6px 0}.dropdown-logout-action-btn{color:#ea4335;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.88rem;font-weight:500;transition:background-color .2s;display:flex}.dropdown-logout-action-btn:hover{background-color:#ea43351a}.logout-icon-svg{font-size:1.15rem!important}