:root{color:#f7f8fb;font-synthesis:none;background:#0c101b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.hidden{display:none!important}.join-page,.prejoin-page{background:radial-gradient(circle at 18% 17%,#152439 0,#0c101b 43%,#090c15 100%);min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:radial-gradient(circle,#23afab1a,#0000 66%);width:600px;height:600px;top:18%;left:-310px}.ambient-two{background:radial-gradient(circle,#4158911f,#0000 65%);width:480px;height:480px;top:-200px;right:-200px}.public-header{z-index:2;justify-content:space-between;align-items:center;max-width:1240px;height:90px;margin:auto;padding:0 32px;display:flex;position:relative}.brand{color:#fff;letter-spacing:-.8px;align-items:center;gap:10px;font-size:25px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid #49d2c5;border-radius:10px 10px 10px 3px;width:31px;height:31px;position:relative;transform:rotate(-5deg)}.brand-mark:before,.brand-mark span{content:"";background:#49d2c5;border-radius:4px;width:5px;position:absolute;bottom:7px}.brand-mark:before{height:8px;left:7px}.brand-mark span{height:14px;right:7px}.privacy-pill{color:#bfc6d3;background:#131a2ab3;border:1px solid #253044;border-radius:30px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:flex}.privacy-pill>span,.meeting-dot{background:#49d2c5;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #49d2c5b3}.privacy-pill svg{width:13px}.join-layout{z-index:1;grid-template-columns:1fr 440px;align-items:center;gap:110px;max-width:1180px;min-height:calc(100vh - 160px);margin:auto;padding:70px 32px 100px;display:grid;position:relative}.hero-copy{align-self:center}.eyebrow{color:#55d6ca;text-transform:uppercase;letter-spacing:2.2px;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.live-dot{background:#55d6ca;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #55d6ca14}.hero-copy h1,.prejoin-options h1{letter-spacing:-3.5px;margin:26px 0 23px;font-size:clamp(44px,5.2vw,68px);font-weight:700;line-height:1.08}.hero-copy h1 em{color:#50cfc2;font-style:normal}.hero-copy>p{color:#9ca6b7;margin:0;font-size:18px;line-height:1.7}.trust-row{border-top:1px solid #222b3c;gap:43px;margin-top:55px;padding-top:28px;display:flex}.trust-row>div{align-items:center;gap:13px;display:flex}.trust-row strong,.trust-row small{display:block}.trust-row strong{margin-bottom:3px;font-size:13px}.trust-row small{color:#717d90;font-size:11px}.trust-icon{color:#4bd0c4;background:#15252e;border:1px solid #1e3c42;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.trust-icon svg{width:15px}.trust-icon.signal{justify-content:center;align-items:end;gap:2px;padding-bottom:10px;display:flex}.signal i,.signal-bars i{background:#4bd0c4;border-radius:2px;width:3px;display:block}.signal i:first-child,.signal-bars i:first-child{height:5px}.signal i:nth-child(2),.signal-bars i:nth-child(2){height:9px}.signal i:nth-child(3),.signal-bars i:nth-child(3){height:13px}.join-card-wrap{position:relative}.join-card{z-index:1;background:linear-gradient(145deg,#1a2234f5,#101623fa);border:1px solid #4e5e7a4d;border-radius:21px;padding:45px 42px 32px;position:relative;box-shadow:0 30px 80px #00000052}.card-icon{color:#51d3c7;background:linear-gradient(135deg,#17363a,#13282f);border:1px solid #28635f;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:25px;display:grid}.card-icon svg{width:20px}.join-card h2{letter-spacing:-.7px;margin:0 0 8px;font-size:22px;font-weight:700}.join-card>p{color:#8490a3;margin:0 0 30px;font-size:13px}.join-card label{color:#c8ced8;margin-top:18px;font-size:12px;font-weight:600;display:block}.join-card input{color:#fff;background:#101621;border:1px solid #30394c;border-radius:9px;outline:none;width:100%;height:49px;margin-top:8px;padding:0 15px;font-size:13px;transition:border .2s,box-shadow .2s}.join-card input:focus{border-color:#3da89f;box-shadow:0 0 0 3px #3da89f1a}.join-card input::placeholder{color:#5c6677}.code-input{position:relative}.code-input svg{z-index:1;color:#6d788b;width:15px;position:absolute;top:25px;left:15px}.code-input input{letter-spacing:3px;padding-left:41px}.primary-button{color:#071816;cursor:pointer;background:linear-gradient(100deg,#36bfb5,#4bd2c4);border:0;border-radius:9px;width:100%;height:51px;margin-top:25px;font-size:13px;font-weight:700;transition:transform .15s,filter .15s;box-shadow:0 8px 30px #3ccdbf21}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait}.primary-button span{float:right;font-size:18px;line-height:15px}.secure-note{color:#657185;justify-content:center;align-items:center;gap:7px;margin-top:19px;font-size:10px;display:flex}.secure-note svg{width:11px}.form-error{color:#ffb9b9;background:#9d32322e;border:1px solid #ff646438;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:12px}.decorative-dot{background:#36c8bc;border-radius:50%;position:absolute}.dot-a{width:5px;height:5px;top:80px;right:-25px}.dot-b{opacity:.5;width:3px;height:3px;top:105px;right:-45px}.dot-c{opacity:.7;width:4px;height:4px;bottom:67px;left:-28px}.public-footer{z-index:2;color:#4d586b;border-top:1px solid #1a2231;justify-content:space-between;align-items:center;width:min(1180px,100% - 64px);height:66px;font-size:10px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.back-button{color:#909aac;cursor:pointer;background:0 0;border:0}.prejoin-content{grid-template-columns:1.35fr .8fr;align-items:center;gap:90px;max-width:1120px;min-height:calc(100vh - 90px);margin:auto;padding:60px 32px 100px;display:grid}.preview-panel{aspect-ratio:16/10;background:linear-gradient(140deg,#1a2536,#121926);border:1px solid #293448;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000047}.preview-panel video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.preview-name{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080d99;border-radius:7px;padding:7px 11px;font-size:12px;position:absolute;bottom:18px;left:20px}.preview-controls{gap:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.preview-controls button{cursor:pointer;background:#0c101bc7;border:1px solid #fff3;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.preview-controls svg{width:18px}.preview-controls button.off{background:#d84e55;border-color:#d84e55}.avatar{color:#b8fff7;background:linear-gradient(145deg,#266b70,#173b4b);border-radius:50%;place-items:center;width:92px;height:92px;font-size:32px;font-weight:700;display:grid;box-shadow:0 0 0 8px #50cfc20f}.avatar.large{width:120px;height:120px;font-size:42px}.prejoin-options .eyebrow{display:flex}.prejoin-options h1{letter-spacing:-2px;margin:18px 0 12px;font-size:38px}.prejoin-options>p{color:#8d98aa;margin-bottom:29px;font-size:14px;line-height:1.6}.device-select{background:#111824;border:1px solid #2b3548;border-radius:10px;align-items:center;gap:14px;height:62px;margin:11px 0;padding:0 15px;display:flex}.device-select>svg{color:#50cfc2;width:17px}.device-select>svg:last-child{color:#667185;width:14px}.device-select label{color:#687487;text-transform:uppercase;letter-spacing:1px;flex:1;min-width:0;font-size:9px}.device-select select{appearance:none;color:#dce1e8;background:0 0;border:0;outline:0;width:100%;margin-top:3px;font-size:12px;display:block}.device-select option{color:#111}.join-now{margin-top:22px}.prejoin-hint{color:#667184;text-align:center;margin-top:14px;font-size:10px;display:block}.room-page{background:#090d15;grid-template-rows:67px 1fr 94px;height:100vh;display:grid;overflow:hidden}.room-header{background:#0d121d;border-bottom:1px solid #202735;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 25px;display:grid}.room-header .brand{font-size:20px}.room-header .brand-mark{width:27px;height:27px}.room-meta{color:#717c8f;align-items:center;gap:9px;font-size:12px;display:flex}.room-meta strong{color:#d9dee6}.separator{background:#30394a;width:1px;height:15px;margin:0 4px}.room-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.room-actions button,.participants-count{color:#aab3c1;background:#171e2b;border:1px solid #2a3343;border-radius:8px;align-items:center;gap:7px;height:35px;padding:0 12px;font-size:11px;display:flex}.room-actions button{cursor:pointer}.room-actions svg,.participants-count svg{width:14px}.room-error{z-index:5;background:#782f35;border-radius:8px;padding:12px 18px;font-size:12px;position:fixed;top:80px;left:50%;transform:translate(-50%)}.stage{gap:12px;min-height:0;padding:15px;display:flex;position:relative}.video-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-content:center;gap:12px;min-width:0;display:grid}.stage.has-screen>.video-tile.presentation{flex:3}.stage.has-screen .video-grid{flex-direction:column;flex:1;display:flex;overflow:auto}.stage.has-screen .video-grid .video-tile{flex:1;min-height:150px}.video-tile{background:radial-gradient(circle at 50% 40%,#1a2736,#121823 68%);border:2px solid #0000;border-radius:13px;place-items:center;min-width:0;min-height:220px;display:grid;position:relative;overflow:hidden}.video-tile.speaking{border-color:#45cbbf}.video-tile video{object-fit:cover;width:100%;height:100%;position:absolute}.video-tile.presentation video{object-fit:contain;background:#06080c}.tile-name,.screen-badge{color:#edf0f4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05080c9e;border-radius:6px;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute}.tile-name{padding:6px 8px;bottom:9px;left:10px}.tile-name svg{color:#ff8d92;width:12px}.screen-badge{padding:7px 9px;top:10px;left:10px}.screen-badge svg{color:#55d6ca;width:13px}.quality-indicator{color:#8b95a6;background:#090d15b8;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:9px;display:flex;position:absolute;bottom:25px;right:26px}.signal-bars{align-items:end;gap:2px;height:13px;display:flex}.signal-bars i{width:2px}.reconnecting{z-index:3;background:#945e24;border-radius:20px;padding:8px 14px;font-size:11px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.control-bar{background:#0d121d;border-top:1px solid #202735;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 25px;display:grid;position:relative}.control-group{gap:8px;display:flex}.control-group.right{justify-content:flex-end}.control-group button,.leave-button{color:#a7b0bf;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:64px;height:61px;font-size:9px;display:flex}.control-group button:hover{background:#171e2b}.control-group button.off{color:#ff898f;background:#29181e}.control-group button.active{color:#56d8cc;background:#142a2c}.control-group svg,.leave-button svg{width:20px;height:20px}.leave-button{color:#fff;background:#d84f57;width:72px;min-width:72px;height:50px}.leave-button:hover{background:#eb5a62}.leave-button svg{transform:rotate(135deg)}@media (max-width:900px){.join-layout{grid-template-columns:1fr;gap:55px;max-width:560px;padding-top:45px}.hero-copy{text-align:center}.hero-copy .eyebrow,.trust-row{justify-content:center}.public-footer{position:relative}.prejoin-content{grid-template-columns:1fr;gap:45px;max-width:680px}.room-actions button span{display:none}.room-header{grid-template-columns:auto 1fr auto}.room-meta{justify-self:center}.stage.has-screen{flex-direction:column}.stage.has-screen>.video-tile.presentation{flex:4}.stage.has-screen .video-grid{flex-direction:row;flex:1}.stage.has-screen .video-grid .video-tile{min-height:100px}}@media (max-width:600px){.public-header{height:72px;padding:0 20px}.join-layout{padding:35px 18px 70px}.hero-copy h1{letter-spacing:-2.5px;font-size:40px}.hero-copy>p{font-size:15px}.trust-row{flex-direction:column;align-items:center;gap:18px}.join-card{padding:34px 24px 26px}.privacy-pill{padding:9px 11px;font-size:0}.privacy-pill svg{display:none}.public-footer{width:calc(100% - 36px)}.prejoin-content{padding:30px 18px 70px}.prejoin-options h1{font-size:34px}.room-page{grid-template-rows:60px 1fr 82px}.room-header{padding:0 12px}.room-header .brand>span:last-child,.room-meta .separator,.room-meta strong{display:none}.participants-count{padding:0 9px}.room-actions button{display:none}.stage{padding:8px}.video-grid{grid-template-columns:1fr}.video-tile{min-height:160px}.control-bar{grid-template-columns:1fr auto;padding:0 8px}.control-group{gap:0}.control-group.right{display:none}.control-group button{min-width:58px;height:54px}.leave-button{width:57px;min-width:57px}.quality-indicator{bottom:17px;right:16px}}@media (min-width:901px) and (max-height:700px){.public-header{height:64px}.join-layout{min-height:calc(100vh - 64px);padding-top:18px;padding-bottom:36px}.hero-copy h1{margin:18px 0 15px;font-size:50px}.hero-copy>p{font-size:15px;line-height:1.55}.trust-row{margin-top:25px;padding-top:18px}.join-card{padding:25px 34px 19px}.card-icon{width:39px;height:39px;margin-bottom:16px}.join-card>p{margin-bottom:17px}.join-card label{margin-top:12px}.join-card input{height:43px}.code-input svg{top:22px}.primary-button{height:45px;margin-top:18px}.secure-note{margin-top:12px}.public-footer{display:none}}