*{box-sizing:border-box;margin:0;padding:0}html::-webkit-scrollbar{width:16px}html::-webkit-scrollbar-track{background-color:#e7e7e72f;border:1px solid #cacaca}html::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#d55959;border:3px solid #0000;border-radius:8px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}#root{min-height:100vh}button{border:none;cursor:pointer;font-family:inherit;outline:none}a{color:inherit;text-decoration:none}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:4rem 2rem}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-title{color:#333;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-description{color:#222;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-preview,.preview-container{align-items:center;display:flex;justify-content:center}.preview-container{background-color:#e5e5e5;border-radius:12px;flex-direction:column;gap:1rem;height:auto;max-width:400px;width:100%}.preview-image{border-radius:12px;box-shadow:0 4px 20px #0009;height:100%;object-fit:cover;object-position:center;width:100%}@media (max-width:768px){.hero{padding:2rem 1rem}.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2rem}.hero-buttons{justify-content:center}.preview-container{height:200px}}.features{padding:5rem 2rem}.features-content{margin:0 auto;max-width:1200px}.features-header{margin-bottom:4rem;text-align:center}.features-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.features-subtitle{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background-color:#ffffffb3;border-radius:1rem;box-shadow:0 4px 20px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{background:linear-gradient(135deg,#fff,#fff7ed);box-shadow:0 8px 12px #00000026;transform:translateY(-10px)}.feature-icon{color:#333;height:64px;margin:0 auto 1.5rem;width:64px}.feature-icon svg{height:100%;width:100%}.feature-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-description{color:#666;line-height:1.6}@media (max-width:768px){.features{padding:3rem 1rem}.features-title{font-size:2rem}.features-grid{gap:2rem;grid-template-columns:1fr}.feature-card{padding:1rem}}.demo{background-color:#ffffff80;padding:5rem 2rem}.demo-content{margin:0 auto;max-width:1200px}.demo-header{margin-bottom:3rem;text-align:center}.demo-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.demo-subtitle{color:#666;font-size:1.1rem}.demo-video,.video-placeholder{display:flex;justify-content:center;position:relative}.video-placeholder{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border:0;border-radius:12px;box-shadow:0 4px 20px #0000004d;flex-direction:column;gap:2rem;height:450px;max-width:800px;overflow:hidden;width:100%}@media (max-width:768px){.demo{padding:3rem 1rem}.demo-title{font-size:2rem}.video-placeholder{height:300px}}.cta{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:5rem 2rem}.cta-content{margin:0 auto;max-width:800px;text-align:center}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:3rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-btn-primary,.cta-btn-secondary{align-items:center;border-radius:8px;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 2rem;transition:all .3s}.cta-btn-primary{background-color:#fff;color:#333}.cta-btn-primary:hover{background-color:#f0f0f0;transform:translateY(-2px)}.cta-btn-secondary{background-color:initial;border:2px solid #ffffff4d;color:#fff}.cta-btn-secondary:hover{background-color:#ffffff1a;border-color:#fff}.btn-icon{height:18px;width:18px}@media (max-width:768px){.cta{padding:3rem 1rem}.cta-title{font-size:2rem}.cta-buttons{align-items:center;flex-direction:column}.cta-btn-primary,.cta-btn-secondary{justify-content:center;max-width:300px;width:100%}}.footer{background-color:#f8f9fa;border-top:1px solid #e5e5e5;padding:3rem 2rem 1rem}.footer-content{margin:0 auto;max-width:1200px}.footer-main{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.footer-brand{max-width:400px}.footer-logo{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.footer-logo .logo-icon{border-radius:4px;height:24px;width:24px}.footer-logo .logo-text{color:#333;font-size:1.25rem;font-weight:600}.footer-description{color:#666;line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{align-items:center;background-color:#e5e5e5;border-radius:8px;color:#666;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.social-link:hover{background-color:#333;color:#fff}.social-link svg{height:20px;width:20px}.footer-links{display:flex;gap:4rem}.link-group-title{color:#333;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem}.link-list{list-style:none}.link-list li{margin-bottom:.5rem}.footer-link{color:#666;font-size:.9rem;transition:color .2s}.footer-link:hover{color:#333}.footer-bottom{border-top:1px solid #e5e5e5;padding-top:2rem;text-align:center}.copyright{color:#666;font-size:.875rem}@media (max-width:768px){.footer{padding:2rem 1rem 1rem}.footer-main{gap:2rem;grid-template-columns:1fr}.footer-links{gap:2rem}.social-links{justify-content:center}}@media (max-width:480px){.footer-links{flex-direction:column;gap:1.5rem}}.app{display:flex;flex-direction:column;margin:0 auto;min-height:100vh}.main-content{background-attachment:fixed;background-image:url(/static/media/grad-bg.87f42d9389de2ac8c3e6.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1}.home-container{background:url(/static/media/home-bg.00e1c9ff3a6b53221186.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.header{border-bottom:1px solid #e5e5e5;padding:1rem 2rem}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.logo{align-items:center;display:flex}.logo{gap:.5rem}.logo-icon{border-radius:4px;height:24px;width:24px}.logo-text{color:#333;font-size:1.25rem;font-weight:600}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#666;font-size:.9rem;transition:color .2s}.nav-link:hover{color:#333}.login-btn{background-color:#333;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}.login-btn:hover{background-color:#555}.home{display:flex;height:80vh;justify-content:center;padding:4rem 2rem}.home-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.home-title{color:#333;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.home-description{color:#222;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.home-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary,.btn-secondary{align-items:center;border-radius:8px;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background-color:#333;color:#fff}.btn-primary:hover{background-color:#555}.btn-secondary{background-color:initial;border:2px solid #e5e5e5;color:#333}.btn-secondary:hover{border-color:#333}.btn-icon{height:16px;width:16px}.home-preview,.home-preview-container{align-items:center;display:flex;justify-content:center}.home-preview-container{flex-direction:column;gap:1rem;height:auto;max-width:500px;width:100%}.home-preview-image{border-radius:12px;height:100%;object-fit:cover;object-position:center;width:100%}.preview-icon{color:#999;height:48px;width:48px}.preview-text{color:#666;font-size:.9rem}@media (max-width:768px){.home{padding:2rem 1rem}.home-content{gap:2rem;grid-template-columns:1fr;text-align:center}.home-title{font-size:2rem}.home-buttons{justify-content:center}.preview-container{height:200px}.header{padding:1rem}.nav{gap:1rem}.nav-link{display:none}.nav-link:last-of-type{display:block}}.container{display:flex;flex-direction:column;gap:15px;margin:50px auto;max-width:500px;padding:20px;text-align:center}.container h2{font-size:1.5rem;margin-bottom:5px}.container p{color:#555;font-size:.95rem}.username-input{width:100%}.connect-btn{margin-top:10px;width:100%}.video-wrapper{display:flex;justify-content:center;margin-top:20px}.video-wrapper video{background:#000;border-radius:8px;max-width:400px;width:100%}@media (max-width:600px){.container{margin:20px;padding:15px}.video-wrapper video{max-width:100%}}.video-container{background:#100e28;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.local-video{aspect-ratio:16/9;border-radius:12px;bottom:12vh;box-shadow:0 4px 12px #0006;height:20vh;left:1rem;object-fit:cover;position:absolute;z-index:10}.button-container{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;border-radius:40px;bottom:1rem;display:flex;gap:1.5rem;justify-content:center;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%);z-index:10}.button-container svg{font-size:2rem}.conference-view{grid-gap:1rem;align-items:center;display:grid;flex:1 1;gap:1rem;grid-auto-rows:minmax(200px,1fr);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;overflow-y:auto;padding:1rem}.conference-view video{background:#000;border-radius:12px;box-shadow:0 2px 8px #00000080;height:100%;max-height:400px;max-width:600px;object-fit:cover;transition:all .3s ease;width:100%}.conference-view video:only-child{height:60vh;max-height:500px;max-width:800px;width:80vw}.conference-view video:nth-child(2){max-height:350px;max-width:500px}.conference-view video:nth-child(n+3){max-height:250px;max-width:400px}.conference-view video:nth-child(n+5){max-height:200px;max-width:300px}.conference-view div:has(video[data-screenshare=true]) video,.conference-view video:fullscreen,.conference-view video[style*="display: block"]{background:#000;grid-column:1/-1;grid-row:1/-1;height:80vh!important;max-height:80vh!important;max-width:90vw!important;object-fit:contain!important;width:90vw!important;z-index:5}.conference-view:has(video[data-screenshare=true]) video:not([data-screenshare=true]){bottom:15vh;height:15vh!important;max-height:150px!important;max-width:250px!important;position:absolute;right:1rem;width:20vw!important;z-index:10}.chat-room{background:#fff;border-left:2px solid #eee;max-width:360px;padding:1rem;position:absolute;right:0;top:0;width:28vw;z-index:20}.chat-room,.chatContainer{display:flex;flex-direction:column;height:100%}.chatting-display{flex:1 1;margin-bottom:1rem;overflow-y:auto}.chatting-display p{margin:.2rem 0}.chatting-area{display:flex;gap:.5rem}@media (max-width:768px){.conference-view{grid-auto-rows:minmax(150px,1fr);grid-template-columns:1fr}.conference-view video{max-height:300px;max-width:100%}.conference-view video:only-child{max-height:500px;max-width:100%}.local-video{bottom:10vh;height:15vh}}
/*# sourceMappingURL=main.4f2c590a.css.map*/