@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap");:root{--purple:#6d4aff;--purple-dark:#5131d6;--ink:#171326;--muted:#706b7d;--line:#ebe8f2;--soft:#f7f5fc;--dark:#0e0b18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Tajawal,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.header{height:82px;justify-content:space-between;position:relative;z-index:10}.brand,.header{display:flex;align-items:center}.brand{gap:8px;font-size:23px;font-weight:800;color:var(--purple);direction:ltr}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#eee9ff}.brand-light{color:white}.brand-light .brand-mark{background:#ffffff18}.nav{display:flex;gap:34px;color:#4f495c;font-size:14px}.nav a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:13px}.text-button{font-weight:700;color:var(--purple)}.button{border:0;background:var(--purple);color:#fff;border-radius:12px;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;box-shadow:0 9px 24px #6d4aff33;transition:.2s}.button:hover{transform:translateY(-2px);background:var(--purple-dark)}.button.small{padding:11px 19px;border-radius:10px}.button.ghost{background:white;color:var(--ink);border:1px solid var(--line);box-shadow:0 7px 24px #291b5010}.menu{display:none;background:none;border:0}.hero{min-height:680px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;grid-gap:74px;gap:74px;padding-block:70px 95px;position:relative}.hero:before{content:"";position:absolute;width:700px;height:700px;left:-180px;top:-190px;background:radial-gradient(circle,#ede8ff 0,transparent 67%);z-index:-1}.eyebrow,.tag{display:inline-flex;align-items:center;gap:7px;background:#f0ecff;color:var(--purple);padding:8px 12px;border-radius:30px;font-weight:700;font-size:13px}.hero h1{font-size:66px;line-height:1.18;margin:21px 0 20px;letter-spacing:-2px}.hero h1 span{color:var(--purple)}.hero-copy>p{font-size:19px;line-height:1.8;color:var(--muted);max-width:520px}.hero-actions{display:flex;gap:12px;margin:30px 0 25px}.hero-note{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}.avatar-stack{display:flex;direction:ltr;margin-left:3px}.avatar-stack i{width:28px;height:28px;border:2px solid white;border-radius:50%;background:linear-gradient(#e4a47d,#392d39);margin-left:-8px}.hero-visual{position:relative;min-height:465px;display:flex;align-items:center}.meeting-window{width:100%;background:#151220;border:7px solid #201c2a;border-radius:23px;box-shadow:0 40px 80px #311d6a35;overflow:hidden;position:relative;z-index:2}.window-top{height:45px;display:flex;align-items:center;gap:15px;padding:0 13px;color:#bdb8c8;font-size:10px;direction:ltr}.window-top .brand{font-size:11px;margin-right:auto}.window-top .brand-mark{width:19px;height:19px}.live-dot{color:#ff7c7c}.video-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:0 4px}.person{height:160px;border-radius:5px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.person-head{position:absolute;width:60px;height:70px;border-radius:50% 50% 45% 45%;top:25px;z-index:2;box-shadow:inset 0 10px #2b2020}.person-body{width:120px;height:100px;border-radius:55px 55px 0 0}.person>span{position:absolute;bottom:7px;right:8px;background:#0008;color:#fff;padding:3px 6px;border-radius:5px;font-size:9px}.controls{height:54px;display:flex;align-items:center;justify-content:center;gap:10px;direction:ltr}.controls i{width:31px;height:31px;border-radius:50%;background:#2a2635;color:white;display:grid;place-items:center}.controls .active{background:var(--purple)}.controls b{font-size:10px;background:#ef4444;color:white;padding:8px 12px;border-radius:7px;margin-left:12px}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:380px;height:380px;background:#ddd5ff;left:-60px}.orb-two{width:180px;height:180px;background:#bfaeff;right:-30px;top:40px}.floating-card{position:absolute;z-index:3;background:white;border:1px solid #eeeaf7;box-shadow:0 15px 40px #23134722;border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:center}.floating-card span{width:34px;height:34px;border-radius:9px;background:#eee9ff;color:var(--purple);display:grid;place-items:center}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:12px}.floating-card small{font-size:9px;color:var(--muted);margin-top:3px}.ai-card{right:-30px;top:33px}.join-card{left:-35px;bottom:40px}.floating-card .pulse{width:9px;height:9px;background:#35c68b;box-shadow:0 0 0 6px #35c68b1a}.trusted{text-align:center;padding:38px 0 45px;border-top:1px solid #f2eff7}.trusted p{color:#9992a6;font-size:13px}.trusted div{display:flex;justify-content:center;gap:75px;margin-top:25px;color:#9b96a7;font-size:20px}.section{padding-block:115px}.section-head{text-align:center;max-width:640px;margin:0 auto 55px}.section-head>span{color:var(--purple);font-weight:700}.faq h2,.section h2,.showcase h2{font-size:44px;line-height:1.25;margin:13px 0}.faq>div>p,.section-head p,.showcase-copy>p{color:var(--muted);font-size:17px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.feature-grid article{border:1px solid var(--line);border-radius:19px;padding:27px;min-height:230px;transition:.2s;background:white}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px #28175b12}.feature-grid article.featured{background:linear-gradient(145deg,#6d4aff,#5131d6);color:white}.feature-grid article.featured p{color:#e6e0ff}.feature-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:#f0ecff;color:var(--purple)}.featured .feature-icon{background:#ffffff1c;color:white}.feature-grid h3{font-size:18px;margin:20px 0 8px}.feature-grid p{color:var(--muted);line-height:1.65;font-size:14px}.feature-grid a{font-size:12px;font-weight:700;color:var(--purple);display:flex;gap:5px;align-items:center;margin-top:18px}.featured a{color:white}.showcase{margin-block:50px 110px;padding:80px;min-height:550px;border-radius:30px;background:#f7f5fc;display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:90px;gap:90px;align-items:center;overflow:hidden}.showcase-copy .check{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:14px}.showcase-copy .check svg{color:var(--purple);background:#eae4ff;padding:3px;border-radius:50%}.faq>div>a,.showcase-copy>a{display:flex;align-items:center;gap:6px;color:var(--purple);font-weight:700;margin-top:28px}.ai-panel{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 30px 60px #2d1a6318;transform:rotate(-1deg)}.ai-head{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:25px}.ai-head,.ai-head span{display:flex;align-items:center}.ai-head span{gap:7px;color:var(--purple);font-weight:800}.summary-line{height:9px;border-radius:10px;background:#eeeaf4;margin:11px 0;width:72%}.summary-line.wide{width:100%}.ai-panel h4{margin-top:28px}.task{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px;margin-top:9px;border-radius:11px}.task i{width:27px;height:27px;border-radius:8px;background:#eee9ff;color:var(--purple);font-style:normal;display:grid;place-items:center}.task span{font-size:13px;flex:1 1}.task small{display:block;color:#9992a6;margin-top:3px}.task>svg{color:#41ba86;width:17px}.pricing-preview{background:linear-gradient(180deg,#fff,#faf9fd)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;max-width:970px;margin:auto}.pricing-grid article{border:1px solid var(--line);border-radius:20px;padding:28px;background:white;position:relative}.pricing-grid article.popular{border:2px solid var(--purple);box-shadow:0 20px 55px #6d4aff1c;transform:translateY(-10px)}.pricing-grid em{position:absolute;top:-13px;right:25px;background:var(--purple);color:white;border-radius:20px;padding:6px 13px;font-size:11px;font-style:normal}.price{display:flex;align-items:center;gap:8px;color:var(--purple);direction:rtl}.price b{font-size:45px}.price span{font-size:11px}.price span,.pricing-grid article>p{color:var(--muted)}.plan-line{height:1px;background:var(--line);margin:22px 0}.pricing-grid .check{display:flex;gap:8px;align-items:center;font-size:13px;margin:13px 0}.pricing-grid .check svg{width:15px;color:var(--purple)}.pricing-grid .button{width:100%;margin-top:20px}.all-plans{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--purple);font-weight:700;margin-top:38px}.faq{padding-block:110px;display:grid;grid-template-columns:.7fr 1.3fr;grid-gap:100px;gap:100px}.questions details{border-bottom:1px solid var(--line);padding:20px 0}.questions summary{font-weight:700;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.questions summary svg{width:18px}.questions p{color:var(--muted);line-height:1.7;font-size:14px;max-width:90%}footer{background:var(--dark);color:white;padding-top:70px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:60px;gap:60px}.footer-top p{color:#827d8d}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:13px;font-size:13px;color:#aaa5b2}.footer-top b{color:white;margin-bottom:7px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff14;margin-top:60px;padding:25px 0;color:#77717f;font-size:12px}.app-shell{min-height:100vh;background:#f7f6fa;display:grid;grid-template-columns:230px 1fr}.sidebar{background:white;border-left:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column}.sidebar .brand{margin:0 10px 35px}.side-link{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;color:#716b7d;font-size:14px;margin-bottom:4px}.side-link.active{background:#efeaff;color:var(--purple);font-weight:700}.side-link svg{width:18px}.sidebar-bottom{margin-top:auto}.profile-mini{border-top:1px solid var(--line);padding:20px 8px 0;display:flex;gap:9px;align-items:center}.profile-mini i,.top-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(#d99970,#2d2530);display:block}.profile-mini b,.profile-mini small{display:block;font-size:12px}.profile-mini small{color:var(--muted)}.app-main{padding:30px 36px}.app-top{display:flex;justify-content:space-between;align-items:center}.app-top h1{font-size:25px;margin:0}.app-top p{color:var(--muted);font-size:13px;margin:5px 0}.top-tools{display:flex;align-items:center;gap:12px}.icon-btn{border:1px solid var(--line);background:white;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;color:#706979}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin:28px 0}.quick-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;align-items:center;gap:14px}.quick-card>span{width:48px;height:48px;border-radius:14px;background:#eee9ff;color:var(--purple);display:grid;place-items:center}.quick-card.primary{background:linear-gradient(135deg,#6d4aff,#4f2bc7);color:white}.quick-card.primary>span{background:#ffffff1d;color:white}.quick-card b,.quick-card small{display:block}.quick-card small{color:#8d8799;margin-top:4px}.quick-card.primary small{color:#d8d0ff}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-gap:18px;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h3{margin:0;font-size:16px}.panel-title a{font-size:12px;color:var(--purple)}.meeting-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #f1eef5}.meeting-row:last-child{border:0}.meeting-time{color:var(--purple);font-weight:800;width:55px}.meeting-row>div:nth-child(2){flex:1 1}.meeting-row b,.meeting-row small{display:block;font-size:13px}.meeting-row small{color:var(--muted);margin-top:4px}.join-small{border:0;background:#eee9ff;color:var(--purple);border-radius:8px;padding:7px 12px;font-weight:700}.calendar-mini{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:7px;gap:7px;text-align:center;font-size:11px}.calendar-mini span{padding:7px 2px;color:#817b8b}.calendar-mini .today{background:var(--purple);color:white;border-radius:8px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px;margin-top:18px}.stat-card{background:white;border:1px solid var(--line);border-radius:15px;padding:18px}.stat-card b{font-size:26px}.stat-card p{font-size:12px;color:var(--muted);margin:4px 0}.stat-card span{font-size:11px;color:#34a878}.room{height:100vh;background:#0e0c15;color:white;padding:14px;display:grid;grid-template-columns:1fr 315px;grid-template-rows:44px 1fr 72px;grid-gap:10px;gap:10px;direction:ltr}.room-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 9px}.room-head .brand{font-size:15px}.room-head div{display:flex;gap:12px;align-items:center;color:#a7a1ae;font-size:12px}.room-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;direction:rtl}.room-grid .person{height:auto;min-height:220px;border-radius:12px}.room-grid .person-head{width:90px;height:105px;top:20%}.room-grid .person-body{width:190px;height:150px}.chat{background:#191621;border:1px solid #27232f;border-radius:14px;padding:18px;direction:rtl;display:flex;flex-direction:column}.chat h3{font-size:14px;border-bottom:1px solid #2d2934;padding-bottom:15px;margin:0}.message{display:flex;gap:9px;margin-top:17px}.message i{width:28px;height:28px;flex:none;border-radius:50%;background:linear-gradient(#df9b73,#3a2e39)}.message b,.message small{display:block;font-size:11px}.message small{color:#a39da9;line-height:1.5;margin-top:3px}.chat-input{margin-top:auto;background:#25212d;border:0;border-radius:9px;padding:11px;color:white;width:100%}.room-controls{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:11px;direction:rtl}.room-controls button{color:white;background:#24202c;border:0;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.room-controls button.share{background:var(--purple)}.room-controls button.end{border-radius:10px;width:auto;background:#e5484d;padding-inline:20px;font-weight:700}.pricing-page{padding:70px 0 100px;background:#faf9fd;min-height:calc(100vh - 82px)}.pricing-page .pricing-grid{grid-template-columns:repeat(4,1fr);max-width:1180px}.pricing-page .section-head{margin-bottom:70px}@media (max-width:900px){.header-actions,.nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:35px;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-note{justify-content:center}.hero h1{font-size:50px}.hero-visual{max-width:650px;margin:auto;width:100%}.feature-grid{grid-template-columns:1fr 1fr}.showcase{grid-template-columns:1fr;padding:45px;gap:45px}.pricing-grid,.pricing-page .pricing-grid{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr;gap:40px}.app-shell{grid-template-columns:75px 1fr}.sidebar{padding:20px 10px}.profile-mini div,.side-link span,.sidebar .brand span:last-child{display:none}.sidebar .brand{margin-inline:auto}.side-link{justify-content:center}.dashboard-grid,.room{grid-template-columns:1fr}.chat{display:none}}@media (max-width:600px){.shell{width:min(100% - 28px,1180px)}.hero{padding-bottom:55px}.hero h1{font-size:40px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.meeting-window{border-width:4px}.person{height:115px}.person-head{width:45px;height:53px}.person-body{width:90px;height:70px}.floating-card{display:none}.trusted div{gap:22px;flex-wrap:wrap}.section{padding-block:75px}.faq h2,.section h2,.showcase h2{font-size:34px}.feature-grid,.pricing-grid,.pricing-page .pricing-grid{grid-template-columns:1fr}.showcase{padding:30px 20px;margin-inline:14px}.pricing-grid article.popular{transform:none}.faq{padding-block:70px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.app-main{padding:22px 15px}.app-shell,.quick-grid,.stat-row{grid-template-columns:1fr}.sidebar{display:none}.room-grid{grid-template-columns:1fr}.room-grid .person:nth-child(n+3){display:none}.room-controls{gap:7px}.room-controls button{width:38px;height:38px}.room-controls button.end{padding-inline:12px}.footer-bottom{gap:15px;flex-direction:column}}button.quick-card,button.side-link{width:100%;text-align:right;cursor:pointer;font:inherit}.side-link{border:0;background:transparent}.quick-card{cursor:pointer;text-align:right}.quick-card>svg{margin-right:auto}.modal-backdrop{position:fixed;inset:0;background:#17132699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:20px}.app-modal{width:min(440px,100%);background:#fff;border-radius:22px;padding:30px;position:relative;box-shadow:0 30px 90px #160c39aa}.modal-close{position:absolute;left:18px;top:18px;border:0;background:#f3f1f7;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.modal-close svg{width:17px}.modal-icon{width:52px;height:52px;border-radius:15px;background:#eee9ff;color:var(--purple);display:grid;place-items:center}.app-modal h2{margin:19px 0 5px}.app-modal>p{color:var(--muted);margin:0 0 22px}.app-modal label{display:block;font-size:13px;font-weight:700;margin-top:14px}.app-modal input{display:block;width:100%;border:1px solid var(--line);border-radius:11px;padding:13px;margin-top:7px;outline:none}.app-modal input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6d4aff12}.app-modal .button{width:100%;margin-top:22px}.room-loading{height:100vh;background:#0e0c15;color:white;display:grid;place-items:center}.real-room{height:100vh;background:#0c0a12;color:white;display:grid;grid-template-columns:1fr;grid-template-rows:62px 1fr 88px;direction:ltr;overflow:hidden}.real-room.with-chat{grid-template-columns:1fr 330px}.real-room-head{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid #25212d;background:#121019;direction:ltr}.real-room-head .brand{font-size:16px}.meeting-meta{display:flex;gap:14px;align-items:center;color:#a7a1ae;font-size:12px}.recording-badge{color:#ff8585}.recording-badge i{display:inline-block;width:7px;height:7px;background:#f44;border-radius:50%;margin-right:5px;animation:pulse-record 1.2s infinite}.invite-button{justify-self:end;background:#282331;color:#fff;border:1px solid #37313f;border-radius:9px;padding:9px 13px;display:flex;gap:7px;align-items:center;cursor:pointer}.real-stage{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px;min-height:0;position:relative}.empty-meeting,.local-video-card,.remote-placeholder{min-height:0;border-radius:15px;background:#191621;overflow:hidden;position:relative;border:1px solid #292530}.local-video-card video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-shade{position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,#0009);pointer-events:none}.video-name{position:absolute;bottom:13px;left:15px;background:#0008;border-radius:7px;padding:6px 9px;font-size:12px}.camera-off{position:absolute;inset:0;background:#191621;display:grid;place-content:center;text-align:center;grid-gap:12px;gap:12px;color:#aaa4b1}.camera-off svg{width:45px;height:45px;margin:auto}.room-notice{position:absolute;top:15px;left:50%;transform:translateX(-50%);background:#332c42ef;border:1px solid #514864;padding:10px 14px;border-radius:10px;font-size:12px;text-align:center;z-index:4}.empty-meeting{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#b2acb9}.empty-meeting svg{width:42px;height:42px;color:#766d83}.empty-meeting h2{color:white;font-size:20px;margin:15px 0 3px}.empty-meeting p{max-width:360px;font-size:13px;line-height:1.7}.empty-meeting button{background:var(--purple);border:0;color:white;border-radius:9px;padding:10px 14px;display:flex;align-items:center;gap:7px;cursor:pointer}.remote-placeholder{display:grid;place-items:center}.remote-placeholder>div{width:82px;height:82px;background:linear-gradient(135deg,#6d4aff,#382281);border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:800}.remote-placeholder span{position:absolute;bottom:13px;left:15px}.reaction-pop{position:absolute;left:50%;top:25px;transform:translateX(-50%);font-size:18px;background:#2b2535ef;padding:10px 16px;border-radius:30px;z-index:5;animation:reaction-up 2.2s}.real-chat{grid-row:2;grid-column:2;background:#15121d;border-left:1px solid #292530;display:flex;flex-direction:column;direction:rtl;min-height:0}.chat-title{padding:17px;border-bottom:1px solid #292530;justify-content:space-between}.chat-title,.chat-title div{display:flex;align-items:center}.chat-title div{gap:8px}.chat-title span{font-size:11px;color:#9b95a3}.messages-list{padding:4px 16px 16px;overflow:auto;flex:1 1}.chat-message{display:flex;gap:9px;margin-top:16px}.chat-avatar{display:grid;place-items:center}.chat-avatar,.chat-message b{font-size:12px}.chat-message b small{font-weight:400;color:#77717f;margin-right:7px}.chat-message p{font-size:12px;line-height:1.6;color:#bbb5c1;margin:4px 0}.real-chat form{display:flex;gap:7px;margin:12px;background:#211d29;border:1px solid #302a39;border-radius:11px;padding:5px}.real-chat input{background:transparent;border:0;color:white;outline:none;flex:1 1;padding:7px}.real-chat form button{border:0;background:var(--purple);color:#fff;width:34px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.real-controls{grid-column:1/-1;background:#121019;border-top:1px solid #25212d;gap:9px;direction:rtl;padding:8px}.real-controls,.real-controls button{display:flex;align-items:center;justify-content:center}.real-controls button{border:0;background:transparent;color:#ddd8e2;min-width:57px;height:66px;border-radius:11px;flex-direction:column;gap:5px;cursor:pointer}.real-controls .control-active,.real-controls button:hover{background:#292331;color:white}.real-controls button svg{width:20px}.real-controls button span{font-size:10px}.real-controls .control-off{background:#e74b50;color:#fff}.real-controls .control-recording{color:#ff676b}.real-controls .hangup{background:#df4147;color:white;margin-right:15px;padding-inline:16px}.real-controls .hangup:hover{background:#c83439}@keyframes pulse-record{50%{opacity:.3}}@keyframes reaction-up{0%{opacity:0;transform:translate(-50%,20px)}20%,80%{opacity:1}to{opacity:0;transform:translate(-50%,-25px)}}@media (max-width:900px){.real-room.with-chat{grid-template-columns:1fr 285px}.real-room-head{grid-template-columns:1fr auto}.meeting-meta{display:none}.real-stage{grid-template-columns:1fr}.empty-meeting{display:none}.real-controls{overflow-x:auto;justify-content:flex-start}.real-controls button{min-width:52px}.real-room-head .invite-button span{display:none}}@media (max-width:650px){.real-room,.real-room.with-chat{grid-template-columns:1fr;grid-template-rows:58px 1fr 76px}.real-chat{display:none}.real-room-head{padding:0 12px}.invite-button{font-size:11px}.real-stage{padding:7px}.real-controls button{height:58px;min-width:48px}.real-controls button span{font-size:9px}.real-controls .hangup{margin-right:5px}.local-video-card{border-radius:11px}}.future-date-field{margin-top:14px}.future-date-field>label{display:block}.future-date-field input{direction:ltr;text-align:left}.date-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.date-shortcuts button{border:1px solid #ddd5f2;background:#f8f5ff;color:var(--purple);border-radius:20px;padding:6px 10px;font-size:10px;cursor:pointer}.date-shortcuts button:hover{background:#eee9ff;border-color:#b9a9ed}.date-error,.date-help{display:block;margin-top:7px;font-size:10px}.date-help{color:var(--muted)}.date-error{color:#c73742}.calendar-blank{background:#faf9fc}.calendar-event{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.auth-loading{height:100vh;display:grid;place-items:center;background:#f7f5fc;color:var(--purple);font-weight:700}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-brand-panel{background:linear-gradient(145deg,#6d4aff,#32177f);color:white;padding:45px 8vw;display:flex;flex-direction:column;justify-content:space-between}.auth-brand-panel h1{font-size:48px;line-height:1.3}.auth-brand-panel p{color:#dcd3ff;line-height:1.8}.auth-form-panel{display:grid;place-items:center;padding:35px}.auth-form{width:min(420px,100%)}.mobile-auth-brand{display:none}.auth-form h2{font-size:31px;margin-bottom:4px}.auth-form>p{color:var(--muted);margin-bottom:28px}.auth-form label{display:block;font-size:13px;font-weight:700;margin-top:17px}.input-with-icon{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;margin-top:7px;padding:0 12px}.input-with-icon:focus-within{border-color:var(--purple)}.input-with-icon svg{width:18px;color:#9992a6}.input-with-icon input{flex:1 1;border:0;outline:0;padding:14px 10px}.input-with-icon button{border:0;background:none}.auth-submit{width:100%;margin-top:25px}.auth-switch{text-align:center;margin-top:22px;color:var(--muted)}.auth-switch a{color:var(--purple);font-weight:700}.form-error{background:#fff0f1;color:#c4313a;padding:11px;border-radius:10px}.logout-link{color:#d74950!important}.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 18px}.search-box{width:min(380px,100%);background:white;border:1px solid var(--line);border-radius:11px;padding:11px 13px;display:flex;gap:8px}.search-box svg{width:17px}.search-box input{border:0;outline:0;flex:1 1}.filter-pills{display:flex;background:#ece9f2;padding:4px;border-radius:10px}.filter-pills button{border:0;background:transparent;padding:7px 14px;border-radius:7px}.filter-pills .active{background:white;color:var(--purple)}.content-list{background:white;border:1px solid var(--line);border-radius:17px;padding:5px 20px}.content-row{display:flex;align-items:center;gap:15px;padding:17px 4px;border-bottom:1px solid #f0edf4}.content-row:last-child{border:0}.row-icon{width:45px;height:45px;border-radius:12px;background:#eee9ff;color:var(--purple);display:grid;place-items:center}.content-row>div:nth-child(2){flex:1 1}.content-row h3{font-size:14px;margin:0}.content-row p{font-size:12px;color:var(--muted)}.row-actions{display:flex;gap:7px}.row-actions button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 11px;display:flex;gap:5px;align-items:center}.row-actions button svg{width:15px}.row-actions .primary-row{background:var(--purple);color:white}.storage-pill{font-size:12px;color:var(--purple)}.recording-thumb{width:100px!important;height:60px;background:#25183d;color:white;border-radius:9px;display:grid!important;place-items:center;position:relative;flex:none!important}.recording-thumb span{position:absolute;bottom:4px;left:5px;font-size:9px}.calendar-page{margin-top:28px;padding:0;overflow:hidden}.calendar-header{padding:18px;display:flex;justify-content:space-between}.calendar-header>div{display:flex;align-items:center;gap:8px}.calendar-header h2{font-size:18px}.calendar-header button{border:1px solid var(--line);background:white;border-radius:8px;padding:7px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.month-grid>b{text-align:center;padding:11px;font-size:10px}.calendar-day{min-height:105px;border:1px solid var(--line);padding:8px}.calendar-event{display:block;width:100%;border:0;background:#eee9ff;color:var(--purple);border-radius:5px;padding:5px;margin-top:6px;font-size:9px}.calendar-day.current>span{background:var(--purple);color:white;border-radius:50%;padding:4px 8px}.webinar-hero{margin:28px 0 20px;background:linear-gradient(135deg,#171027,#45228e);border-radius:20px;color:white;padding:30px;display:flex;justify-content:space-between}.webinar-hero p{color:#c5bdd2}.webinar-hero>svg{width:100px;height:100px;color:#8e6bff}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:17px;gap:17px}.webinar-card{background:white;border:1px solid var(--line);border-radius:17px;padding:16px}.webinar-cover{height:130px;border-radius:12px;background:linear-gradient(135deg,#28164d,#6d4aff);display:grid;place-items:center;color:white;position:relative}.webinar-cover span{position:absolute;top:10px;right:10px;background:white;color:var(--purple);padding:4px 8px;border-radius:20px}.webinar-stats{display:flex;gap:15px;border-block:1px solid var(--line);padding:12px 0;margin:14px 0}.analytics-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin:28px 0}.analytics-cards article{background:white;border:1px solid var(--line);border-radius:15px;padding:18px;position:relative}.analytics-cards b{font-size:27px;display:block}.analytics-cards p{color:var(--muted)}.analytics-cards span{color:#2ba478}.analytics-grid{display:grid;grid-template-columns:1.4fr .6fr;grid-gap:17px;gap:17px}.bar-chart{height:260px;display:flex;align-items:flex-end;gap:10px}.bar-chart i{flex:1 1;background:linear-gradient(#9b82ff,#6d4aff);border-radius:6px 6px 0 0}.chart-labels{display:flex;justify-content:space-around}.rank-row{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.rank-row span{flex:1 1}.settings-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:18px;gap:18px;margin-top:28px}.settings-nav{display:flex;flex-direction:column}.settings-nav button{border:0;background:transparent;padding:12px;display:flex;gap:8px}.settings-nav .active{background:#eee9ff;color:var(--purple)}.profile-editor{display:flex;gap:13px;align-items:center;padding:20px 0}.large-avatar{width:58px;height:58px;border-radius:50%;background:var(--purple);color:white;display:grid;place-items:center}.settings-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.app-modal select,.settings-form input,.settings-form select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:6px}.setting-toggle{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.setting-toggle>button{width:43px;height:24px;border:0;border-radius:20px;background:#ccc;padding:3px}.setting-toggle i{display:block;width:18px;height:18px;background:white;border-radius:50%}.setting-toggle>button.on{background:var(--purple)}.setting-toggle>button.on i{transform:translateX(-19px)}.settings-save{margin-top:20px}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{display:none}.mobile-auth-brand{display:block}.analytics-cards{grid-template-columns:1fr 1fr}.analytics-grid,.card-grid,.settings-layout{grid-template-columns:1fr}}@media (max-width:600px){.page-toolbar{flex-direction:column;align-items:stretch}.content-row{flex-wrap:wrap}.row-actions{width:100%}.calendar-day{min-height:70px}.month-grid>b{font-size:8px;padding:5px}.analytics-cards{grid-template-columns:1fr 1fr}.settings-form{grid-template-columns:1fr}}.profile-avatar,.top-avatar{object-fit:cover;display:grid;place-items:center;color:white;font-weight:800;text-align:center}.profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(#d99970,#2d2530);flex:none}.top-avatar{overflow:hidden}.icon-btn,.notification-wrap{position:relative}.icon-btn{cursor:pointer}.icon-btn>i{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#ed3f54;color:white;font-style:normal;font-size:9px;display:grid;place-items:center;border:2px solid white}.notification-panel{position:absolute;top:48px;left:0;width:360px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 65px #21123d2b;z-index:80;overflow:hidden}.notification-head{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.notification-head b,.notification-head span{display:block}.notification-head span{font-size:10px;color:var(--muted)}.notification-head button{border:0;background:#eee9ff;color:var(--purple);width:32px;height:32px;border-radius:8px}.notification-list{max-height:340px;overflow:auto}.notification-list>button{width:100%;border:0;background:white;text-align:right;padding:13px 16px;display:flex;gap:10px;border-bottom:1px solid #f2eff5}.notification-list>button.unread{background:#faf8ff}.notification-list>button>i{width:7px;height:7px;border-radius:50%;margin-top:6px;flex:none}.notification-list>button.unread>i{background:var(--purple)}.notification-list b{font-size:12px}.notification-list p{font-size:11px;color:#665f70;margin:4px 0}.notification-list small{color:#9a93a1}.notification-foot{padding:11px 15px;display:flex;justify-content:space-between;font-size:11px}.notification-foot a{color:var(--purple);font-weight:700}.notification-foot button{border:0;background:none;color:#b53b43;display:flex;gap:4px}.empty-notifications{text-align:center;color:var(--muted);padding:25px}.avatar-upload{width:72px;height:72px;position:relative}.avatar-upload>img,.avatar-upload>span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:linear-gradient(135deg,#6d4aff,#32177f);color:white;font-size:25px}.avatar-upload label{position:absolute;bottom:-1px;left:-1px;width:27px;height:27px;border-radius:50%;background:var(--purple);color:white;display:grid;place-items:center;border:3px solid white}.avatar-upload label svg{width:13px}.avatar-upload input{display:none}.profile-editor small{display:block;color:var(--muted)}.danger-zone,.security-card,.setting-action{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);gap:15px}.danger-zone p,.security-card p,.setting-action p{font-size:11px;color:var(--muted);margin:4px 0}.danger-zone button,.security-card button,.setting-action button{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:6px}.security-card>svg{width:38px;height:38px;color:var(--purple);background:#eee9ff;padding:8px;border-radius:11px}.danger-zone>div,.security-card>div{flex:1 1}.integration-row button.connected,.security-card button.connected{background:#e8f8f0;color:#218158;border-color:#c9eddb}.password-form{border-bottom:1px solid var(--line);padding:18px 0}.password-form label{display:block;font-size:11px;font-weight:700;margin-top:10px}.password-form input{display:block;width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:5px}.password-form .button{margin-top:13px}.danger-zone button{color:#c73742}.integration-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.integration-icon{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center}.integration-row>div:nth-child(2){flex:1 1}.integration-row p{font-size:11px;color:var(--muted);margin:4px 0}.integration-row button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 11px}.slack-mark{font-size:22px;font-weight:800;color:var(--purple)}.save-toast{position:fixed;bottom:25px;left:25px;background:#171326;color:white;border-radius:11px;padding:11px 15px;display:flex;gap:7px;z-index:90}.empty-state{background:white;border:1px dashed #d9d3e2;border-radius:17px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:30px}.empty-state>svg{width:50px;height:50px}.recording-thumb{border:0;cursor:pointer}.video-modal{width:min(900px,95vw);background:#15121d;color:white;border-radius:17px;padding:20px;position:relative}.video-modal video{width:100%;max-height:72vh;border-radius:12px;background:black}.more-control{position:relative}.more-control>button{border:0;background:transparent;color:#ddd8e2;min-width:57px;height:66px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.meeting-more-menu{position:absolute;bottom:75px;left:0;width:220px;background:#211d29;border:1px solid #383240;border-radius:12px;padding:6px;box-shadow:0 14px 40px #0008;z-index:20;direction:rtl}.meeting-more-menu button{width:100%;height:auto;min-height:0;padding:10px;border-radius:7px;display:block;text-align:right}.meeting-more-menu button:hover{background:#332d3c}@media (max-width:600px){.notification-panel{position:fixed;top:70px;left:14px;right:14px;width:auto}.integration-row{flex-wrap:wrap}.integration-row button{margin-right:57px}}.participant-count{display:flex;align-items:center;gap:5px;background:#292331;padding:5px 9px;border-radius:20px;color:#fff}.participant-count svg{width:14px}.presentation-stage{display:block;padding:10px;min-height:0}.shared-workspace{height:100%;background:#17141d;border:1px solid #2d2835;border-radius:15px;display:grid;grid-template-rows:52px 1fr;overflow:hidden;direction:rtl}.workspace-bar{display:flex;align-items:center;gap:12px;padding:0 14px;background:#211d29;border-bottom:1px solid #332e3b}.workspace-bar>b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-bar>div{display:flex;gap:7px;margin-right:auto}.workspace-bar button{border:0;background:#302a39;color:#ddd6e4;border-radius:8px;padding:8px 10px;display:flex;gap:5px;align-items:center;cursor:pointer}.workspace-bar button.active{background:var(--purple);color:#fff}.workspace-bar button svg{width:15px}.workspace-bar .workspace-close{margin-right:auto;width:34px;height:34px;padding:0;justify-content:center}.color-picker{width:31px;height:31px;border:3px solid white;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px #4a4352}.color-picker input{opacity:0;width:100%;height:100%;cursor:pointer}.file-surface,.whiteboard-surface{position:relative;min-height:0;background:#e9e7ec;display:grid;place-items:center;overflow:hidden}.file-surface iframe,.file-surface img{width:100%;height:100%;border:0;object-fit:contain}.file-drop{border:2px dashed #554d60;background:#201c27;color:#c7c0cc;margin:35px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.file-drop svg{width:52px;height:52px;color:#8d75ef}.file-drop h2{color:white;margin:15px 0 3px}.file-drop p{color:#aaa2af}.whiteboard-surface{background-color:#fff;background-image:linear-gradient(#ece9f0 1px,transparent 0),linear-gradient(90deg,#ece9f0 1px,transparent 0);background-size:24px 24px}.drawing-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}.drawing-layer.enabled{pointer-events:auto;cursor:crosshair}.view-only-badge{position:absolute;bottom:18px;right:18px;background:#171326dd;color:white;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:11px}.view-only-badge svg{width:14px}.floating-notice{z-index:30}.host-tools-panel{position:absolute;bottom:76px;left:0;width:310px;background:#211d29;border:1px solid #3b3445;border-radius:14px;padding:8px;box-shadow:0 18px 60px #0009;z-index:25;direction:rtl;color:white}.host-tools-title{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid #393240}.host-tools-title>svg{color:#9b82ff}.host-tools-title>button{margin-right:auto!important;width:28px!important;height:28px!important;min-width:0!important}.host-toggle{display:flex;align-items:center;gap:10px;padding:12px 8px;border-bottom:1px solid #332d3b}.host-toggle:last-child{border:0}.host-toggle>span{width:34px;height:34px;border-radius:9px;background:#302a39;display:grid;place-items:center}.host-toggle>span svg{width:17px}.host-toggle>div{flex:1 1;text-align:right}.host-toggle b,.host-toggle small{display:block}.host-toggle b{font-size:12px}.host-toggle small{font-size:9px;color:#9e97a4;margin-top:3px}.host-toggle>button{width:39px!important;height:22px!important;min-width:0!important;border-radius:20px!important;background:#4a4350!important;padding:3px!important;display:block!important}.host-toggle>button i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.host-toggle>button.on{background:var(--purple)!important}.host-toggle>button.on i{transform:translateX(-17px)}@media (max-width:800px){.workspace-bar>b{max-width:120px}.workspace-bar button{font-size:0}.workspace-bar button svg{margin:0}.host-tools-panel{position:fixed;bottom:86px;left:12px;right:12px;width:auto}.real-controls{padding-inline:5px}}.demo-user-status{position:absolute;top:12px;left:12px;background:#171326cc;border-radius:18px;padding:6px 8px;display:flex;align-items:center;gap:5px;font-size:13px}.demo-user-status svg{width:14px;height:14px}.participants-panel{position:fixed;top:70px;bottom:95px;right:16px;width:355px;background:#17141d;border:1px solid #332e3b;border-radius:15px;color:white;z-index:24;box-shadow:0 20px 70px #0009;direction:rtl;display:flex;flex-direction:column}.participants-panel-head{padding:14px 15px;border-bottom:1px solid #332e3b;display:flex;align-items:center;justify-content:space-between}.participants-panel-head>div{display:flex;align-items:center;gap:8px}.participants-panel-head button{border:0;background:#2d2835;color:white;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.participants-panel-head svg{width:17px}.participants-bulk-actions{padding:10px;display:flex;gap:7px;border-bottom:1px solid #332e3b}.participants-search{margin:10px 10px 4px;height:38px;border:1px solid #393341;background:#211d29;border-radius:10px;display:flex;align-items:center;gap:7px;padding:0 10px}.participants-search:focus-within{border-color:#7658e8;box-shadow:0 0 0 3px #6d4aff18}.participants-search>svg{width:16px;color:#9a92a3;flex:none}.participants-search input{min-width:0;flex:1 1;background:transparent;border:0;outline:0;color:white;font-size:11px}.participants-search input::placeholder{color:#817989}.participants-search button{width:24px;height:24px;border:0;border-radius:6px;background:#332e3b;color:#aaa2b2;display:grid;place-items:center;cursor:pointer}.participants-search button svg{width:13px}.participants-search-count{padding:2px 13px 7px;color:#91899a;font-size:9px}.participants-no-results{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8f8797;gap:7px}.participants-no-results>svg{width:28px}.participants-no-results b{font-size:12px;color:#d5cedb}.participants-no-results small{font-size:10px}.add-demo-users,.participants-bulk-actions button{border:0;background:#2d2835;color:#ddd6e4;border-radius:8px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:11px}.participants-bulk-actions button{flex:1 1}.add-demo-users svg,.participants-bulk-actions svg{width:15px}.participants-list{overflow:auto;padding:5px 10px}.participant-item{display:flex;align-items:center;gap:9px;padding:10px 4px;border-bottom:1px solid #2c2733}.participant-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6d4aff,#35206e);display:grid;place-items:center;font-weight:800;flex:none}.participant-item>div{flex:1 1}.participant-item b,.participant-item small{display:block}.participant-item b{font-size:11px}.participant-item small{font-size:9px;color:#928b99;margin-top:3px}.participant-item>svg{width:16px;color:#9a82ff}.participant-item>button{width:28px;height:28px;border:0;border-radius:7px;background:#2d2835;color:#c9c2cf;display:grid;place-items:center;cursor:pointer}.participant-item>button svg{width:14px}.participant-item>button.active{background:#b83d47;color:white}.participant-item>button.remove-user:hover{background:#d43f49;color:white}.add-demo-users{width:calc(100% - 12px);margin:7px 6px 4px;background:var(--purple);color:white}.host-tools-panel{max-height:520px;overflow:auto}@media (max-width:600px){.participants-panel{top:62px;right:8px;left:8px;bottom:83px;width:auto}}.participants-bulk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.participants-bulk-actions button{min-width:0;white-space:nowrap;padding-inline:6px;font-size:9px}.participants-bulk-actions button.voices-on{background:#185f48;color:#7ff0bd}.prejoin-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,#eee9ff 0,transparent 28%),#f8f7fb;color:#171326;direction:rtl}.prejoin-header{height:76px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebe8f0;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.prejoin-header>span{font-size:13px;color:var(--muted)}.prejoin-layout{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 76px);margin:auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);grid-gap:34px;gap:34px;align-items:center;padding:42px 0}.prejoin-preview{position:relative;aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:#15121d;box-shadow:0 24px 70px #2c1b5a24}.prejoin-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.prejoin-preview>span{position:absolute;bottom:20px;right:20px;background:#0d0a12b8;color:white;border-radius:9px;padding:8px 12px;font-size:13px}.prejoin-camera-off{position:absolute;inset:0;display:grid;place-content:center;grid-gap:12px;gap:12px;text-align:center;color:#bdb7c5;background:linear-gradient(145deg,#17131f,#25202e)}.prejoin-camera-off svg{width:54px;height:54px;margin:auto;color:#8e83a0}.prejoin-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.prejoin-controls button{width:48px;height:48px;border:1px solid #ffffff26;background:#ffffffeb;color:#171326;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px #0003}.prejoin-controls button.off{background:#e74850;color:white;border-color:#e74850}.prejoin-controls svg{width:20px}.device-check-panel{background:white;border:1px solid #ebe8f0;border-radius:22px;padding:28px;box-shadow:0 18px 55px #2a1b5012}.device-check-title{display:flex;align-items:flex-start;gap:12px}.device-check-title>svg{width:42px;height:42px;padding:10px;border-radius:12px;background:#eee9ff;color:var(--purple);flex:none}.device-check-title h1{font-size:22px;margin:1px 0 6px}.device-check-title p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.device-ready{margin:20px 0 4px;padding:11px 12px;border-radius:10px;background:#edf9f3;color:#23835b;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.device-ready svg{width:17px}.device-error{margin:20px 0 4px;padding:12px;border-radius:10px;background:#fff0f1;color:#ad3038;font-size:11px;line-height:1.7}.device-error button{margin-top:9px;border:0;background:white;color:#ad3038;border-radius:7px;padding:7px 9px;display:flex;align-items:center;gap:5px}.device-error svg{width:14px}.device-check-panel>label{display:block;margin-top:16px;font-size:12px;font-weight:700}.device-check-panel select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;background:#faf9fc;padding:11px;outline:none}.device-check-panel select:focus{border-color:var(--purple)}.microphone-test{margin-top:17px;padding:13px;border:1px solid var(--line);border-radius:11px}.microphone-test>div:first-child{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.microphone-test svg{width:17px;color:var(--purple)}.audio-meter{height:7px;background:#ece9f1;border-radius:10px;overflow:hidden;margin:11px 0 6px}.audio-meter i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#6d4aff,#a184ff);transition:width .08s}.microphone-test small{font-size:10px;color:var(--muted)}.prejoin-enter{width:100%;margin-top:20px;justify-content:center}.prejoin-enter:disabled{opacity:.55;cursor:not-allowed}.prejoin-enter svg{width:17px}.prejoin-back{width:100%;border:0;background:transparent;color:var(--muted);padding:12px;margin-top:3px;cursor:pointer}.prejoin-back:hover{color:var(--purple)}@media (max-width:850px){.prejoin-layout{grid-template-columns:1fr;padding:28px 0}.device-check-panel{width:min(560px,100%);margin:auto}.prejoin-header>span{display:none}}@media (max-width:520px){.prejoin-layout{width:min(100% - 24px,1180px);gap:18px}.prejoin-preview{border-radius:17px;aspect-ratio:4/3}.device-check-panel{padding:20px;border-radius:17px}.device-check-title h1{font-size:19px}.prejoin-header{height:64px;padding:0 16px}}.record-control{position:relative}.record-control>button{border:0;background:transparent;color:#ddd8e2;min-width:70px;height:66px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.recording-menu{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);width:280px;padding:9px;background:#211d29;border:1px solid #3a3343;border-radius:14px;box-shadow:0 18px 55px #000a;z-index:35;direction:rtl}.recording-menu>b{display:block;padding:8px 9px 11px;font-size:12px;border-bottom:1px solid #38313f}.real-controls .recording-menu>button{width:100%;height:auto;min-height:56px;padding:9px;border-radius:9px;display:flex;flex-direction:row;justify-content:flex-start;text-align:right;gap:10px}.real-controls .recording-menu>button:hover{background:#332d3c}.recording-menu>button>svg{width:34px;height:34px;padding:8px;background:#42336b;color:#b9a6ff;border-radius:9px;flex:none}.recording-menu>button>span{font-size:12px;font-weight:700}.recording-menu small{display:block;color:#9e97a5;font-size:9px;font-weight:400;margin-top:3px}.device-error button+button{margin-right:7px}@media (max-width:600px){.recording-menu{position:fixed;bottom:83px;left:12px;right:12px;transform:none;width:auto}}.meeting-profile-picture{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid #ffffff24;box-shadow:0 10px 28px #0005}.remote-placeholder>.meeting-profile-picture{display:block}.chat-avatar,.participant-avatar{object-fit:cover;overflow:hidden}.participant-avatar{border:1px solid #ffffff24}.chat-avatar{border-radius:50%;width:30px;height:30px;flex:none;background:#6d4aff}.participant-speaking{border-color:#56e39f!important;box-shadow:inset 0 0 0 2px #56e39f,0 0 24px #31ce8338}.speaking-wave{position:absolute;top:14px;right:14px;height:30px;min-width:43px;padding:5px 8px;border-radius:18px;background:#19a86f;display:flex!important;align-items:center;justify-content:center;gap:3px;z-index:7;box-shadow:0 7px 20px #0004}.speaking-wave i{width:3px;height:8px;border-radius:4px;background:white;animation:speaking-bar .7s ease-in-out infinite}.speaking-wave i:nth-child(2){animation-delay:.12s}.speaking-wave i:nth-child(3){animation-delay:.24s}.speaking-wave i:nth-child(4){animation-delay:.36s}.speaking-wave-compact{position:relative;top:auto;right:auto;min-width:30px;width:30px;height:25px;padding:4px 5px;flex:none}.speaking-wave-compact i{width:2px}.participant-item>.speaking-wave{margin-right:auto}@keyframes speaking-bar{0%,to{height:6px;opacity:.7}50%{height:18px;opacity:1}}.demo-live-video{position:absolute;inset:0;overflow:hidden;background:#141119}.demo-live-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#000b);pointer-events:none}.demo-live-video img{transform:scale(1.04);animation:demo-camera-motion 7s ease-in-out infinite alternate;filter:saturate(.96) contrast(1.02)}.demo-live-badge{position:absolute;top:13px;left:13px;z-index:3;background:#15121dcc;color:#fff!important;border-radius:18px;padding:6px 9px;font-size:9px!important;letter-spacing:.8px;display:flex;align-items:center;gap:5px}.demo-live-badge i{width:7px;height:7px;border-radius:50%;background:#ff4d58;box-shadow:0 0 0 4px #ff4d5830;animation:pulse-record 1.3s infinite}.remote-placeholder>span{z-index:4}.remote-placeholder .demo-user-status{z-index:5}.webinar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.webinar-actions .icon-row{width:38px;padding:7px}.webinar-status{display:inline-flex;align-items:center;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700;background:#eee9ff;color:var(--purple)}.webinar-status.live{background:#ffe9ec;color:#d63243}.webinar-status.ended{background:#eceaf0;color:#706979}.webinar-status.published{background:#e8f8f0;color:#218158}.webinar-live-dot{position:absolute;left:15px;top:15px;width:10px;height:10px;border-radius:50%;background:#ef4051;box-shadow:0 0 0 6px #ef405133;animation:pulse-record 1.2s infinite}.manager-edit-form textarea,.webinar-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:6px;resize:vertical}.webinar-manager-backdrop{align-items:stretch;justify-content:flex-start;padding:18px}.webinar-manager{width:min(920px,100%);height:calc(100vh - 36px);background:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;box-shadow:0 30px 90px #160c3970;direction:rtl}.webinar-manager>header{padding:23px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.webinar-manager h2{margin:9px 0 4px}.webinar-manager header p{margin:0;color:var(--muted);font-size:12px}.manager-close{border:0;background:#f1eef5;width:36px;height:36px;border-radius:10px}.webinar-manager>nav{display:flex;padding:8px 20px;border-bottom:1px solid var(--line);gap:5px;overflow:auto}.webinar-manager>nav button{border:0;background:transparent;padding:10px 14px;border-radius:9px;display:flex;align-items:center;gap:6px;white-space:nowrap}.webinar-manager>nav button.active{background:#eee9ff;color:var(--purple)}.webinar-manager>nav svg{width:16px}.manager-content{overflow:auto;padding:25px}.manager-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.manager-stats article{border:1px solid var(--line);border-radius:14px;padding:17px}.manager-stats svg{color:var(--purple);width:20px}.manager-stats b,.manager-stats span{display:block}.manager-stats b{font-size:25px;margin-top:8px}.manager-stats span{font-size:11px;color:var(--muted)}.webinar-details{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:20px}.webinar-details p{color:var(--muted)}.manager-edit-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.manager-edit-form label{font-size:12px;font-weight:700}.manager-edit-form input,.manager-edit-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;margin-top:6px}.manager-edit-form label:nth-child(2){grid-column:1/-1}.manager-edit-form>div{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.manager-edit-form>div>button:first-child{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 14px}.manager-list>form{display:flex;gap:8px;margin-bottom:16px}.manager-list>form input{flex:1 1;border:1px solid var(--line);border-radius:10px;padding:12px}.manager-list>form button{border:0;background:var(--purple);color:white;width:44px;border-radius:10px}.manager-list article{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;padding:13px;margin-top:9px}.manager-list article>svg{color:var(--purple)}.manager-list article>span{flex:1 1}.manager-list article b,.manager-list article small{display:block}.manager-list article small{color:var(--muted);margin-top:4px}.manager-list article>button{border:0;background:#f2eff6;border-radius:8px;padding:7px;color:#746d7d}.manager-list article>button svg{width:15px}.manager-empty{text-align:center;color:var(--muted);padding:50px}.audience-manager{text-align:center;max-width:600px;margin:40px auto}.audience-progress{height:12px;background:#ece9f2;border-radius:20px;overflow:hidden}.audience-progress span{display:block;height:100%;background:linear-gradient(90deg,#6d4aff,#9c83ff)}.audience-manager h3{font-size:28px}.audience-manager p{color:var(--muted)}.webinar-manager>footer{border-top:1px solid var(--line);padding:13px 20px;display:flex;justify-content:space-between}.webinar-manager>footer>div{display:flex;gap:7px}.webinar-manager>footer button{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:5px}.webinar-manager>footer svg{width:15px}.webinar-manager>footer .button{background:var(--purple);color:white}.webinar-manager>footer .danger-action{color:#c83240}.live-webinar-room{height:100vh;background:#0d0a15;color:white;display:grid;grid-template-rows:62px 1fr 82px;direction:ltr;overflow:hidden}.live-webinar-room>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;background:#15111e;border-bottom:1px solid #2b2535}.live-webinar-room>header>div{text-align:center}.live-webinar-room>header b,.live-webinar-room>header small{display:block}.live-webinar-room>header small{color:#817a88}.live-webinar-room>header>button{justify-self:end;border:1px solid #3a3343;background:#282230;color:white;border-radius:9px;padding:9px 12px;display:flex;gap:6px}.live-pill{font-size:9px;color:#ff8e98}.live-pill i{display:inline-block;width:7px;height:7px;background:#f04453;border-radius:50%;margin-right:5px}.webinar-stage{display:grid;grid-template-columns:1fr 350px;min-height:0}.speaker-stage{padding:14px;display:grid;grid-template-rows:1fr auto;min-height:0}.speaker-video{border-radius:18px;background:radial-gradient(circle at 50% 40%,#4b2a93,#17101f 70%);position:relative;overflow:hidden;display:grid;place-items:center}.speaker-person{width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#6d4aff,#2d1768);display:grid;place-items:center;box-shadow:0 20px 60px #0008}.speaker-person span{font-size:65px;font-weight:800}.speaker-name{position:absolute;bottom:20px;right:20px;background:#0009;padding:7px 10px;border-radius:8px}.stage-title{position:absolute;top:30px;right:35px;text-align:right}.stage-title svg{color:#9d86ff}.stage-title p{color:#a9a0b3}.stage-title h1{font-size:31px}.speaker-off{display:grid;place-items:center;grid-gap:10px;gap:10px}.speaker-off svg{width:55px;height:55px}.webinar-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:10px}.webinar-metrics span{background:#191520;border:1px solid #2c2634;border-radius:11px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#aaa2b2}.webinar-metrics b{color:white}.webinar-side-panel{background:#15111d;border-left:1px solid #2b2535;display:grid;grid-template-rows:auto 1fr auto;direction:rtl;min-height:0}.webinar-side-panel>nav{display:grid;grid-template-columns:repeat(3,1fr);padding:8px;border-bottom:1px solid #2c2634}.webinar-side-panel>nav button{border:0;background:transparent;color:#97909f;padding:9px 4px;font-size:10px}.webinar-side-panel>nav button.active{background:#2b2436;color:white;border-radius:8px}.webinar-side-panel>nav svg{width:15px;vertical-align:middle}.webinar-panel-content{overflow:auto;padding:10px}.webinar-panel-content article{display:flex;gap:8px;padding:11px;border-bottom:1px solid #29232f}.webinar-panel-content article>i{width:30px;height:30px;border-radius:50%;background:var(--purple);display:grid;place-items:center;font-style:normal;flex:none}.webinar-panel-content article b{font-size:11px}.webinar-panel-content article p{font-size:11px;color:#bbb4c1}.webinar-panel-content article button{border:0;background:#2c2635;color:#ad9aff;border-radius:6px;padding:5px}.webinar-side-panel>form{display:flex;margin:10px;background:#221d29;border-radius:10px;padding:5px}.webinar-side-panel>form input{flex:1 1;border:0;background:transparent;color:white;outline:none;padding:8px}.webinar-side-panel>form button{border:0;background:var(--purple);color:white;width:36px;border-radius:8px}.live-poll{padding:20px}.live-poll>svg{color:#9d83ff}.live-poll button{display:flex;justify-content:space-between;width:100%;border:1px solid #393142;background:#211b29;color:white;border-radius:9px;padding:12px;margin-top:8px}.live-poll button:hover{border-color:#8062ec}.live-poll p{color:#8f8797}.webinar-controls{background:#15111d;border-top:1px solid #2b2535;gap:8px}.webinar-controls,.webinar-controls button{display:flex;justify-content:center;align-items:center}.webinar-controls button{border:0;background:#282230;color:white;border-radius:11px;min-width:70px;height:60px;flex-direction:column;gap:4px}.webinar-controls button span{font-size:9px}.webinar-controls button.end,.webinar-controls button.off{background:#d9404b}.webinar-controls .end{padding-inline:14px}@media (max-width:760px){.webinar-toolbar{align-items:stretch;flex-direction:column}.manager-stats{grid-template-columns:1fr 1fr}.manager-edit-form{grid-template-columns:1fr}.manager-edit-form label:nth-child(2){grid-column:auto}.webinar-manager>footer{flex-direction:column;gap:8px}.webinar-manager>footer>div{justify-content:center;flex-wrap:wrap}.webinar-stage{grid-template-columns:1fr}.webinar-side-panel{display:none}.live-webinar-room>header{grid-template-columns:1fr auto}.live-webinar-room>header>div{display:none}.webinar-metrics{grid-template-columns:1fr 1fr 1fr}.stage-title h1{font-size:22px}}.real-stage:not(.presentation-stage){grid-template-columns:repeat(auto-fit,minmax(235px,1fr));grid-auto-rows:minmax(170px,1fr);overflow:auto}.real-stage:not(.presentation-stage)>.empty-meeting,.real-stage:not(.presentation-stage)>.local-video-card,.real-stage:not(.presentation-stage)>.remote-placeholder{min-height:170px;aspect-ratio:16/9}.remote-placeholder>.demo-live-video{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:#141119;display:block;font-size:inherit}.remote-placeholder>div:not(.demo-live-video){width:82px;height:82px;background:linear-gradient(135deg,#6d4aff,#382281);border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:800}.demo-live-video img{display:block;width:100%;height:100%;object-fit:cover;will-change:transform,filter;animation:demo-camera-motion 4.6s ease-in-out infinite alternate}.remote-placeholder:nth-child(3n) .demo-live-video img{animation-name:demo-camera-motion-alt;animation-duration:5.4s}.remote-placeholder:nth-child(4n) .demo-live-video img{animation-duration:3.9s}@keyframes demo-camera-motion{0%{transform:scale(1.04) translate3d(-2%,1%,0);filter:brightness(.96) saturate(.94)}45%{transform:scale(1.13) translate3d(1.8%,-1.5%,0);filter:brightness(1.05) saturate(1.04)}to{transform:scale(1.07) translate3d(-.5%,-2%,0);filter:brightness(1) saturate(.98)}}@keyframes demo-camera-motion-alt{0%{transform:scale(1.11) translate3d(2%,-1%,0)}55%{transform:scale(1.04) translate3d(-1.8%,1.5%,0)}to{transform:scale(1.12) translate3d(.7%,-1%,0)}}@media (max-width:900px){.real-stage:not(.presentation-stage){grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-auto-rows:minmax(150px,1fr)}}@media (max-width:600px){.real-stage:not(.presentation-stage){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(135px,1fr)}.real-stage:not(.presentation-stage)>.local-video-card,.real-stage:not(.presentation-stage)>.remote-placeholder{min-height:135px}}.real-stage:not(.presentation-stage){overflow:hidden;align-content:stretch}.real-stage:not(.presentation-stage)>.empty-meeting,.real-stage:not(.presentation-stage)>.local-video-card,.real-stage:not(.presentation-stage)>.remote-placeholder{min-width:0;min-height:0;width:100%;height:100%;aspect-ratio:auto}.real-stage:not(.presentation-stage) .demo-live-video{width:100%;height:100%}.real-stage.large-meeting-grid{overflow-x:hidden;overflow-y:auto;align-content:start;grid-auto-rows:auto;scrollbar-color:#4b4259 #17131e;scrollbar-width:thin}.real-stage.large-meeting-grid>.empty-meeting,.real-stage.large-meeting-grid>.local-video-card,.real-stage.large-meeting-grid>.remote-placeholder{height:auto;min-height:120px;aspect-ratio:16/9}.real-stage.large-meeting-grid .remote-placeholder>span,.real-stage.large-meeting-grid .video-name{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:650px){.real-stage:not(.presentation-stage){overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:minmax(150px,1fr)}}.auth-back{display:block;margin:12px auto 0;border:0;background:transparent;color:var(--purple);cursor:pointer}.otp-input input{text-align:center;letter-spacing:8px;font-size:20px;font-weight:800;direction:ltr}.two-factor-setup{margin:4px 0 18px;padding:20px;border:1px solid #dcd4f5;background:#faf8ff;border-radius:16px;text-align:center}.two-factor-setup>img{display:block;width:190px;height:190px;margin:16px auto;border-radius:12px}.two-factor-setup>code{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto 18px;padding:9px 12px;background:white;border:1px dashed #b6a8e8;border-radius:9px;color:#4e36a7;overflow-wrap:anywhere}.two-factor-copy{display:flex;align-items:flex-start;gap:10px;text-align:right}.two-factor-copy>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:white;font-weight:800;flex:none}.two-factor-copy p,.two-factor-setup>p{font-size:11px;color:var(--muted);margin:4px 0}.otp-code-field{width:min(260px,100%);border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center;letter-spacing:8px;font-size:20px;font-weight:800;direction:ltr}.two-factor-actions{display:flex;justify-content:center;gap:9px;margin-top:14px}.two-factor-actions>button:not(.button){border:1px solid var(--line);background:white;border-radius:9px;padding:9px 14px}.two-factor-setup.compact{text-align:right}.network-badge{position:absolute;top:12px;right:12px;z-index:4;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;background:#15121ddd;border:1px solid #ffffff1a;color:#fff;font-size:10px;direction:rtl}.network-badge svg{width:14px;height:14px}.network-badge small{color:#c7c1cd}.network-excellent{color:#46dfa3}.network-good{color:#8edc78}.network-fair{color:#ffc75b}.network-offline,.network-poor{color:#ff7078}.meeting-meta .network-badge{position:static;background:#211d29;padding:5px 8px}.remote-placeholder>.network-badge{top:10px;right:10px;bottom:auto;left:auto}.remote-placeholder>.network-badge b{font-size:9px}@media (max-width:650px){.meeting-meta .network-badge,.network-badge small{display:none}.two-factor-setup{padding:15px}}