@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080f20;--panel:#101b32;--line:#263650;--text:#edf4ff;--muted:#99aac5;--cyan:#49d9f2;--purple:#8e7bff;--blue:#416bff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 'DM Sans',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,.button{border:0;border-radius:12px;padding:12px 18px;background:linear-gradient(110deg,#4479ff,#7361f5);color:white;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,filter .15s}button:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.13)}button.secondary,.button.outline{background:#17243d;color:#e5edff;border:1px solid #344561}button.danger{background:#7e304a}.topbar{height:78px;max-width:1200px;margin:auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;white-space:nowrap}.brand b{color:var(--cyan)}.brandmark{display:grid;place-items:center;width:39px;height:39px;background:linear-gradient(145deg,#496fff,#9d5af8);border-radius:12px;font-size:17px;letter-spacing:-2px;box-shadow:0 6px 24px #3859ff33}.brandmark span{color:#aef9ff}.top-right{display:flex;gap:20px;align-items:center;color:#b2c0d8;font-size:13px}.online-dot{width:8px;height:8px;border-radius:50%;background:#46e4a7;box-shadow:0 0 12px #46e4a7;display:inline-block;margin-right:5px}.top-cta{padding:10px 15px;border:1px solid #314260;border-radius:9px;color:white;font-weight:700}main{max-width:1200px;margin:auto;padding:0 28px}.hero{position:relative;min-height:545px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px;padding:48px 0 65px;overflow:hidden}.hero-glow{position:absolute;width:700px;height:500px;right:-240px;top:-100px;background:radial-gradient(ellipse,#3244a43d,transparent 70%);pointer-events:none}.hero-content,.hero-art{position:relative;z-index:1}.eyebrow{color:#66d9f6;font-weight:800;letter-spacing:2px;font-size:11px}.hero h1{font-family:Outfit,sans-serif;font-size:clamp(43px,5.1vw,70px);line-height:1.09;letter-spacing:-2.6px;margin:20px 0 23px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#63dfff,#aa86ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#afbed6;font-size:17px;max-width:510px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hero-points{display:flex;flex-wrap:wrap;gap:18px;color:#b7c6dc;font-size:12px}.hero-points span:first-child{color:#7fe5fb}.hero-art{height:405px;display:flex;align-items:center;justify-content:center}.visual-grid{width:390px;height:320px;display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-4deg);padding:10px;border:1px solid #384a77;border-radius:25px;background:#15233d;box-shadow:0 25px 75px #0008}.visual-person{border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-person:before{content:'';position:absolute;width:90px;height:90px;top:38px;border-radius:50%;background:#ffffff55}.visual-person:after{content:'';position:absolute;width:160px;height:130px;top:114px;border-radius:48% 48% 0 0;background:#ffffff2b}.visual-person span{z-index:1;position:absolute;bottom:12px;left:12px;background:#081123b5;border-radius:9px;padding:5px 10px;font-size:12px}.p1{background:linear-gradient(145deg,#3b5db8,#a56b9b)}.p2{background:linear-gradient(145deg,#175d79,#47acb2)}.p3{background:linear-gradient(145deg,#513d95,#b05d8c)}.p4{background:linear-gradient(145deg,#315b75,#7c82bd)}.floatcard{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #42547b;background:#14223bee;box-shadow:0 15px 30px #0007;border-radius:14px;font-size:12px}.floatcard b,.floatcard small{display:block}.floatcard small{color:#aabbd2}.floatcard.one{top:0;left:0}.floatcard.two{bottom:0;right:0}.avatar,.chat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#725bf0;font-weight:800}.chat-icon{background:#165b76;color:#64dfff}.live-label{font-size:10px;color:#50f2a7;font-weight:800}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:88px}.feature-row>div{border:1px solid #273953;border-radius:18px;padding:25px;background:linear-gradient(150deg,#15213a,#0f192c)}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#27395f;color:#72e1f8;font-size:24px}.feature-row h3{font:700 19px Outfit;margin:15px 0 4px}.feature-row p{color:#a7b8d1;margin:0}.community{padding-bottom:80px;scroll-margin-top:25px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.section-title h2{font:800 clamp(27px,3.2vw,39px) Outfit;margin:8px 0}.section-title p{color:var(--muted);margin:0}.section-tag{border:1px solid #33425e;border-radius:50px;padding:9px 16px;color:#aebbd0;white-space:nowrap}.lobby-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.side-stack{display:grid;gap:18px;align-content:start}.card{background:linear-gradient(150deg,#14213a,#101a2d);border:1px solid #2c3e5c;border-radius:20px;padding:28px;min-width:0}.card-top{display:flex;gap:14px;align-items:center}.step{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#293c65;color:#8ddff8;font-weight:800}.card h3{font:700 21px Outfit;margin:0}.card p{color:var(--muted);margin:5px 0 20px}.field{display:block;color:#c4d2e6;font-weight:700;font-size:13px;margin:20px 0 14px}input:not([type=checkbox]){width:100%;background:#0b1529;border:1px solid #344460;color:#f4f7ff;border-radius:11px;padding:13px 14px;outline:none;margin-top:8px;min-width:0}input:focus{border-color:#64d8f3;box-shadow:0 0 0 3px #53caff20}input::placeholder{color:#7486a2}.divider{height:1px;background:#293b55;margin:27px 0}.checkline{display:flex;gap:10px;align-items:center;color:#b9c9e0;margin:18px 0}.checkline input{accent-color:#6877f5;width:17px;height:17px}.wide{width:100%;margin-top:12px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.card-head h3{margin-top:5px}.small{font-size:12px;padding:9px 12px;white-space:nowrap}.rooms-list{min-height:120px}.room{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0c172b;border:1px solid #293c57;padding:12px;border-radius:12px;margin:10px 0}.room span{overflow-wrap:anywhere}.room button{padding:8px 12px;font-size:12px}.invite-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lock-icon{font-size:25px;color:#83dcf1}#status{background:#14213b;border:1px solid #30425f;border-radius:12px;padding:13px 18px;color:#b5cae3;margin:0 0 50px}#call{padding:10px 0 30px}.call-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.call-heading h2{font:700 27px Outfit;margin:7px 0}.call-tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.tile{position:relative;background:#050a14;border:1px solid #354761;aspect-ratio:16/10;border-radius:15px;overflow:hidden}.tile video{width:100%;height:100%;object-fit:cover}.tile span{position:absolute;bottom:12px;left:12px;background:#080f20cc;padding:5px 12px;border-radius:8px}.call-columns{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin:18px 0}#members>div{display:flex;justify-content:space-between;gap:10px;padding:9px;border-bottom:1px solid #273a56}#members button{font-size:12px;padding:5px 9px}#messages{height:240px;overflow:auto;background:#0b1529;border:1px solid #273953;border-radius:12px;padding:12px;margin:16px 0}#messages p{margin:0 0 8px;color:#e6edfb}.message-form{display:flex;gap:10px}.message-form input{margin:0}.message-form button{white-space:nowrap}footer{border-top:1px solid #27344c;background:#0a1325}.footer-inner{max-width:1200px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#8396b3;font-size:12px}.footer-inner .brand{font-size:15px;color:#d9e8ff}[hidden]{display:none!important}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:360px}.feature-row{margin-bottom:55px}.lobby-layout{grid-template-columns:1fr}.hero-content{text-align:center}.hero p{margin:auto}.hero-actions,.hero-points{justify-content:center}}
@media(max-width:600px){.topbar{padding:0 17px;height:67px}.top-right{font-size:0;gap:7px}.top-cta{font-size:12px}.brand{font-size:17px}main{padding:0 16px}.hero{padding:40px 0}.hero h1{letter-spacing:-1.5px}.hero-art{height:270px}.visual-grid{width:270px;height:230px}.visual-person:before{width:60px;height:60px;top:26px}.visual-person:after{width:100px;height:90px;top:80px}.floatcard{padding:8px;font-size:10px}.floatcard.one{top:0}.floatcard.two{bottom:0}.feature-row{grid-template-columns:1fr;gap:10px}.feature-row>div{padding:18px}.section-title{display:block}.section-tag{display:none}.card{padding:20px}.invite-fields{grid-template-columns:1fr}.call-columns{grid-template-columns:1fr}.message-form{flex-wrap:wrap}.message-form button{width:100%}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center}}