.header{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.mobile-toggle{display:none;background:transparent;border:none;padding:.4rem;border-radius:8px;cursor:pointer}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:700;color:#1a73e8;transition:opacity .2s}.logo:hover{opacity:.8}.logo-icon{font-size:2rem}.logo-text{font-size:1.5rem}.nav{display:flex;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:#5f6368;font-weight:500;transition:all .2s;position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px}.nav-link:hover{color:#1a73e8;background-color:#1a73e814}@media(prefers-color-scheme:dark){.header{background-color:#1a1a1a;box-shadow:0 2px 8px #0000004d}.logo{color:#8ab4f8}.nav-link{color:#e8eaed}.nav-link:hover{color:#8ab4f8}.nav-link:after{background-color:#8ab4f8}}@media(max-width:768px){.header-container{padding:1rem}.nav{gap:1rem;display:none}.logo-text{font-size:1.2rem}.nav-link{font-size:.9rem}.auth-buttons{display:none}.mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.mobile-menu{position:fixed;inset:0;background:inherit;z-index:9999}.mobile-menu-inner{position:absolute;top:64px;right:12px;width:min(88vw,320px);background:inherit;color:inherit;border-radius:12px;box-shadow:0 12px 28px #00000014;padding:12px;display:flex;flex-direction:column;gap:10px}.mobile-nav{display:flex;flex-direction:column;gap:8px}.mobile-auth{display:flex;flex-direction:column;gap:8px;margin-top:4px}.mobile-user{display:flex;align-items:center;gap:8px;padding:6px 4px}.mobile-user-name{font-weight:600}}.btn-compact{padding:.4rem .6rem;min-width:auto}.auth-buttons .avatar{width:10px;height:10px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;margin-right:.75rem;margin-left:.5rem}.auth-buttons .avatar-initials{background:#1a73e8;color:#fff;font-weight:700;font-size:.8rem}.auth-buttons .avatar{width:30px!important;height:30px!important}.footer{background-color:#f8f9fa;border-top:1px solid #e8eaed;margin-top:auto}.footer-container{max-width:1280px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.5rem;font-weight:700;color:#1a73e8;margin:0}.footer-description{color:#5f6368;line-height:150%;margin:0}.footer-heading{font-size:1rem;font-weight:600;color:#202124;margin:0}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:#5f6368;text-decoration:none;transition:all .2s;display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.footer-links a:hover{color:#1a73e8;margin-left:4px}.social-links{display:flex;gap:1rem;align-items:center;margin-top:.5rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:#e8eaed;color:#5f6368;transition:all .2s;text-decoration:none}.social-icon:hover{background-color:#1a73e8;color:#fff;transform:translateY(-2px)}.footer-bottom{max-width:1280px;margin:0 auto;padding:1.5rem 2rem;border-top:1px solid #e8eaed;display:flex;justify-content:space-between;align-items:center;color:#5f6368;font-size:.875rem}.footer-bottom p{margin:0}.footer-legal{display:flex;gap:1rem;align-items:center}.footer-legal a{color:#5f6368;text-decoration:none;transition:color .2s}.footer-legal a:hover{color:#1a73e8}.separator{color:#dadce0}@media(prefers-color-scheme:dark){.footer{background-color:#1a1a1a;border-top-color:#3c4043}.footer-title{color:#8ab4f8}.footer-description,.footer-links a,.footer-bottom,.footer-legal a{color:#9aa0a6}.footer-heading{color:#e8eaed}.footer-links a:hover,.footer-legal a:hover{color:#8ab4f8}.footer-bottom{border-top-color:#3c4043}.separator{color:#5f6368}}@media(max-width:1024px){.footer-container{grid-template-columns:1fr 1fr}}@media(max-width:768px){.footer-container{grid-template-columns:1fr;padding:2rem 1rem}.footer-bottom{flex-direction:column;gap:1rem;padding:1.5rem 1rem}}.landing-page{width:100%}.hero-section{max-width:1280px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:calc(100vh - 200px)}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:120%;color:#202124;margin:0}.hero-subtitle{font-size:1.25rem;line-height:150%;color:#5f6368;margin:0}.hero-actions{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.btn-secondary{background-color:#5f6368;color:#fff}.btn-secondary:hover{background-color:#4a4f54}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem}.btn-icon{font-size:1.25rem}.join-form{display:flex;gap:1rem}.join-input{flex:1;padding:1rem;font-size:1rem;border:2px solid #dadce0;border-radius:8px;outline:none;transition:border-color .2s}.join-input:focus{border-color:#1a73e8}.hero-image{display:flex;justify-content:center;align-items:center}.video-preview{width:100%;max-width:500px;aspect-ratio:16 / 9;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden;position:relative}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a73e8,#34a853)}.video-placeholder svg{color:#fff;opacity:.85}.features-section{background-color:#f8f9fa;padding:5rem 2rem}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#202124;margin:0 0 3rem}.features-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.feature-icon{color:#1a73e8;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:600;color:#202124;margin:0 0 .75rem}.feature-description{font-size:1rem;line-height:150%;color:#5f6368;margin:0}.cta-section{padding:5rem 2rem;background:linear-gradient(135deg,#1a73e8d9,#34a853d9),url(/bannerimage.png);background-size:cover;background-position:center}.cta-content{max-width:800px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.cta-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0}.cta-description{font-size:1.25rem;color:#ffffffe6;margin:0}.cta-content .btn-primary{background-color:#fff;color:#1a73e8}.cta-content .btn-primary:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}@media(prefers-color-scheme:dark){.hero-title{color:#e8eaed}.hero-subtitle,.feature-description{color:#9aa0a6}.join-input{background-color:#292a2d;border-color:#5f6368;color:#e8eaed}.join-input:focus{border-color:#8ab4f8}.features-section{background-color:#202124}.section-title,.feature-title{color:#e8eaed}.feature-card{background-color:#292a2d}}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;gap:3rem;padding:3rem 2rem}.hero-title{font-size:2.5rem}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section{padding:2rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.join-form{flex-direction:column}.features-grid{grid-template-columns:1fr;gap:1.5rem}.section-title,.cta-title{font-size:2rem}}.meeting-room{display:flex;flex-direction:column;height:calc(100vh - 70px);background-color:#202124;color:#fff}.meeting-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#292a2d;border-bottom:1px solid #3c4043}.meeting-info{display:flex;align-items:center;gap:1rem}.meeting-title{font-size:1.25rem;font-weight:600;margin:0;color:#e8eaed}.meeting-time{color:#9aa0a6;font-size:.875rem}.copy-link-btn{padding:.5rem 1rem;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.copy-link-btn:hover{background-color:#1557b0}.meeting-content{flex:1;display:flex;overflow:hidden;position:relative}.video-grid-container{flex:1;padding:2rem;display:flex;align-items:center;justify-content:center;overflow:auto}.video-grid{display:grid;gap:1rem;width:100%;height:100%;max-width:1400px}.grid-1-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-2-2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-3-3{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,1fr)}.video-tile{background-color:#3c4043;border-radius:12px;overflow:hidden;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.avatar{width:120px;height:120px;border-radius:50%;background-color:#1a73e8;display:flex;align-items:center;justify-content:center}.avatar-text{font-size:3rem;font-weight:600;color:#fff}.video-active{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a73e8,#34a853)}.camera-icon{font-size:4rem;opacity:.8}.video-info{position:absolute;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.5rem;background-color:#000000b3;padding:.5rem 1rem;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.participant-name{font-weight:500;font-size:.875rem}.status-icon{font-size:1rem}.side-panel{width:350px;background-color:#292a2d;border-left:1px solid #3c4043;display:flex;flex-direction:column}.panel-header{padding:1.5rem;border-bottom:1px solid #3c4043;display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:1.125rem;color:#e8eaed}.close-panel{background:none;border:none;color:#9aa0a6;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-panel:hover{background-color:#3c4043}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.empty-state{text-align:center;color:#9aa0a6;margin-top:2rem}.chat-message{background-color:#3c4043;padding:.75rem;border-radius:8px}.message-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.message-sender{font-weight:600;font-size:.875rem;color:#8ab4f8}.message-time{font-size:.75rem;color:#9aa0a6}.message-text{margin:0;color:#e8eaed;font-size:.875rem;line-height:150%}.chat-input-form{padding:1rem;border-top:1px solid #3c4043;display:flex;gap:.5rem}.chat-input{flex:1;padding:.75rem;background-color:#3c4043;border:1px solid #5f6368;border-radius:6px;color:#e8eaed;outline:none}.chat-input:focus{border-color:#8ab4f8}.send-btn{padding:.75rem 1.5rem;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.send-btn:hover{background-color:#1557b0}.participants-list{flex:1;overflow-y:auto;padding:1rem}.participant-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;transition:background-color .2s}.participant-item:hover{background-color:#3c4043}.participant-avatar{width:40px;height:40px;border-radius:50%;background-color:#1a73e8;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.participant-item-name{flex:1;color:#e8eaed;font-weight:500}.participant-meta{flex:1;display:flex;flex-direction:column;gap:.2rem}.participant-subtext{font-size:.75rem;color:#9aa0a6}.participant-status{display:flex;gap:.5rem}.status-badge{font-size:1rem}.meeting-controls{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background-color:#292a2d;border-top:1px solid #3c4043}.controls-left,.controls-center,.controls-right{display:flex;gap:.75rem;align-items:center}.controls-center{flex:1;justify-content:center;gap:1rem}.meeting-id-badge{background-color:#3c4043;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;color:#9aa0a6;font-family:monospace}.control-btn{width:56px;height:56px;border-radius:50%;border:none;background-color:#3c4043;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.control-btn:hover{background-color:#5f6368;transform:scale(1.05)}.control-btn.active{background-color:#ea4335}.control-btn.active:hover{background-color:#d33426}.control-icon{font-size:1.5rem}.audio-device-btn{display:flex;align-items:center;gap:8px;margin-right:12px;padding:.35rem .6rem;background:transparent;border:1px solid transparent;color:#e8eaed;border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s}.audio-device-btn:hover{background-color:#ffffff08;border-color:#ffffff0a}.audio-device-name{font-size:12px;color:#cbd5e1;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leave-btn{background-color:#ea4335}.leave-btn:hover{background-color:#d33426}.ellipsis,.options{display:none}@media(max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr)}.side-panel{width:300px}}@media(max-width:768px){.meeting-header{padding:1rem}.meeting-title{font-size:1rem}.video-grid-container{padding:1rem}.video-grid{grid-template-columns:1fr}.side-panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:350px;z-index:10}.meeting-controls{padding:1rem}.controls-left,.controls-right{display:none}.control-btn{width:48px;height:48px}.control-icon{font-size:1.25rem}.controls-center{position:relative}.controls-center .ellipsis{display:block;position:relative;z-index:5}.controls-center .options{position:absolute;bottom:60px;right:30px;display:flex;flex-direction:column;gap:.6rem;background-color:#3c4043;border-radius:8px;padding:.5rem;box-shadow:0 4px 12px #0006;transition:opacity .2s,transform .2s;opacity:1;transform:translateY(0);z-index:10}}.call-ended-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e8eaed)}.call-ended-container{max-width:600px;width:100%;background-color:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 24px #0000001a;text-align:center;display:flex;flex-direction:column;gap:2rem}.status-icon-wrapper{display:flex;justify-content:center;margin-bottom:-1rem}.status-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease-out;color:#34a853}.status-icon.success{background-color:#34a8531a;color:#34a853}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.call-ended-title{font-size:2rem;font-weight:700;color:#202124;margin:0}.call-ended-message{font-size:1.125rem;color:#5f6368;margin:0;line-height:150%}.meeting-summary{background-color:#f8f9fa;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e8eaed}.summary-item:last-child{border-bottom:none}.summary-label{font-weight:500;color:#5f6368}.summary-value{font-weight:600;color:#202124;font-family:monospace}.feedback-section{padding:1rem 0}.feedback-title{font-size:1.125rem;font-weight:600;color:#202124;margin:0 0 1rem}.feedback-buttons{display:flex;justify-content:center;gap:1rem}.feedback-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background-color:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;flex:1;max-width:120px;color:#5f6368}.feedback-btn:hover{background-color:#e8eaed;border-color:#1a73e8;transform:translateY(-2px);color:#1a73e8}.feedback-btn:first-child:hover{color:#34a853;border-color:#34a853}.feedback-btn:last-child:hover{color:#ea4335;border-color:#ea4335}.feedback-btn span:last-child{font-size:.875rem;font-weight:500}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:180px}.btn-primary{background-color:#1a73e8;color:#fff}.btn-primary:hover{background-color:#1557b0;transform:translateY(-2px);box-shadow:0 4px 12px #1a73e84d}.btn-secondary{background-color:#f8f9fa;color:#5f6368;border:2px solid #dadce0}.btn-secondary:hover{background-color:#e8eaed;border-color:#5f6368}.call-ended-footer{padding-top:1rem;border-top:1px solid #e8eaed}.footer-text{color:#5f6368;font-size:.875rem;margin:0}.support-link{color:#1a73e8;text-decoration:none;font-weight:500}.support-link:hover{text-decoration:underline}@media(prefers-color-scheme:dark){.call-ended-page{background:linear-gradient(135deg,#202124,#292a2d)}.call-ended-container{background-color:#292a2d}.call-ended-title{color:#e8eaed}.call-ended-message{color:#9aa0a6}.meeting-summary{background-color:#3c4043}.summary-item{border-bottom-color:#5f6368}.summary-label{color:#9aa0a6}.summary-value,.feedback-title{color:#e8eaed}.feedback-btn{background-color:#3c4043}.feedback-btn:hover{background-color:#5f6368;border-color:#8ab4f8}.feedback-btn span:last-child{color:#9aa0a6}.btn-secondary{background-color:#3c4043;color:#e8eaed;border-color:#5f6368}.btn-secondary:hover{background-color:#5f6368;border-color:#8ab4f8}.call-ended-footer{border-top-color:#5f6368}.footer-text{color:#9aa0a6}.support-link{color:#8ab4f8}}@media(max-width:768px){.call-ended-page{padding:1rem}.call-ended-container{padding:2rem 1.5rem}.call-ended-title{font-size:1.5rem}.feedback-buttons{flex-direction:column}.feedback-btn{max-width:100%;flex-direction:row;justify-content:center}.action-buttons{flex-direction:column}.btn{width:100%}}.auth-page{display:flex;min-height:calc(100vh - 120px);align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 400px at 20% -10%,#4361ee1f,#0000),radial-gradient(900px 300px at 90% 120%,#4361ee1a,#0000)}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014,0 4px 10px #4361ee0f;padding:28px;border:1px solid #eef1f6}.auth-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.auth-title{margin:0;font-size:22px;letter-spacing:.2px}.auth-subtitle{margin:0 0 18px;color:#666;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{width:100%;height:42px;border:1px solid #e5e7eb;border-radius:8px;padding:0 12px;font-size:14px;outline:none}.auth-input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1f}.auth-input-group{position:relative}.auth-input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8}.auth-input.with-icon{padding-left:36px}.auth-input-trailing{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#64748b;background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px}.auth-input-trailing:hover{background:#f1f5f9}.auth-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.auth-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px}.auth-alt{margin-top:10px;font-size:14px;color:#444;text-align:center}.auth-alt a{color:#4361ee;text-decoration:none}.auth-alt a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:10px;color:#888;font-size:12px;margin:12px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#eee}.auth-secondary{display:flex;justify-content:space-between;gap:10px}.btn-full{width:100%}.auth-helpers{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:4px}.auth-helpers a{color:#4361ee;text-decoration:none}.auth-helpers a:hover{text-decoration:underline}.auth-remember{display:flex;align-items:center;gap:8px}.auth-socials{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-social-btn{border:1px solid #e5e7eb;border-radius:8px;background:#fff;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.auth-social-btn:hover{background:#f8fafc}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;line-height:120%}p{margin:0;line-height:150%}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}@media(prefers-color-scheme:dark){:root{color:#e8eaed;background-color:#202124}}