*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#202124;font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background:#1a1a1a;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;padding:16px 40px}.logo{color:#2d8cff;font-size:24px;font-weight:600;text-decoration:none}.header-nav{align-items:center;display:flex;gap:30px}.nav-link{color:#fff;font-size:14px;text-decoration:none;transition:color .2s}.nav-link:hover{color:#2d8cff}.join-button{background:#2d8cff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;text-decoration:none;transition:background .2s}.join-button:hover{background:#1e71d6}.main-content{display:flex;flex:1 1;gap:80px;margin:0 auto;max-width:1200px;padding:60px 40px;width:100%}.left-section{display:flex;flex:1 1;flex-direction:column;justify-content:center}.hero-title{font-size:48px;font-weight:600;line-height:1.2;margin-bottom:20px}.hero-subtitle{color:#a0a0a0;font-size:20px;line-height:1.5;margin-bottom:40px}.features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.feature{align-items:flex-start;display:flex;gap:15px}.feature-icon{color:#2d8cff;font-size:24px;margin-top:2px}.feature-content h3{font-size:18px;font-weight:500;margin-bottom:8px}.feature-content p{color:#a0a0a0;font-size:14px;line-height:1.4}.right-section{background:#1a1a1a;border-radius:8px;box-shadow:0 10px 40px #0000004d;padding:40px;width:400px}.auth-tabs{border-bottom:1px solid #2a2a2a;display:flex;margin-bottom:30px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#a0a0a0;cursor:pointer;flex:1 1;font-size:16px;padding:12px;transition:all .2s}.tab-button.active{border-bottom-color:#2d8cff;color:#fff}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#fff;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#2d8cff;outline:none}.form-input::placeholder{color:#666}.password-wrapper{position:relative}.toggle-password{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:#fff}.remember-forgot{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.checkbox-wrapper{align-items:center;display:flex;gap:8px}.checkbox-wrapper input[type=checkbox]{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:3px}.checkbox-label{color:#a0a0a0;font-size:14px}.forgot-link{color:#2d8cff;font-size:14px;text-decoration:none}.forgot-link:hover{text-decoration:underline}.submit-button{background:#2d8cff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:20px;padding:14px;transition:background .2s;width:100%}.submit-button:hover{background:#1e71d6}.divider{margin:30px 0;position:relative;text-align:center}.divider:before{background:#2a2a2a;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider-text{background:#1a1a1a;color:#a0a0a0;font-size:14px;padding:0 20px}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-button{align-items:center;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;justify-content:center;padding:12px;text-decoration:none;transition:all .2s;width:100%}.social-button:hover{background:#3a3a3a;border-color:#4a4a4a}.social-icon{font-size:18px}.footer{background:#1a1a1a;border-top:1px solid #2a2a2a;padding:40px;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-links{display:flex;gap:30px;justify-content:center;margin-bottom:20px}.footer-link{color:#a0a0a0;font-size:14px;text-decoration:none}.footer-link:hover{color:#fff}.copyright{color:#666;font-size:12px}.error-message{color:#dc3545;font-size:12px;margin-top:5px}.success-message{color:#28a745;font-size:12px;margin-top:5px}.loading{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.main-content{gap:60px;padding:40px 30px}.hero-title{font-size:42px}.hero-subtitle{font-size:18px}}@media (max-width:768px){.header{padding:12px 20px}.logo{font-size:20px}.header-nav{display:none}.main-content{flex-direction:column;gap:40px;padding:30px 20px}.hero-title{font-size:32px;line-height:1.3;margin-bottom:15px}.hero-subtitle{font-size:16px;margin-bottom:30px}.features{gap:20px;grid-template-columns:1fr}.feature{gap:12px}.feature-icon{font-size:20px}.feature-content h3{font-size:16px}.feature-content p{font-size:13px}.right-section{margin:0 auto;max-width:400px;padding:30px 25px;width:100%}.auth-tabs{margin-bottom:25px}.tab-button{font-size:15px;padding:10px}.form-group{margin-bottom:18px}.form-label{font-size:13px}.form-input{font-size:14px;padding:12px 14px}.remember-forgot{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.checkbox-label,.forgot-link{font-size:13px}.submit-button{font-size:15px;padding:12px}.divider{margin:25px 0}.divider-text{font-size:13px}.social-button{font-size:13px;padding:12px}.footer{padding:30px 20px}.footer-links{flex-wrap:wrap;gap:20px;margin-bottom:15px}.footer-link{font-size:13px}.copyright{font-size:11px}}@media (max-width:480px){.header{padding:10px 15px}.logo{font-size:18px}.logo svg{height:20px;width:20px}.main-content{gap:30px;padding:20px 15px}.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.features{gap:15px}.feature{gap:10px}.feature-icon{font-size:18px}.right-section{padding:25px 20px}.auth-tabs{margin-bottom:20px}.tab-button{font-size:14px;padding:8px}.form-group{margin-bottom:15px}.form-input{font-size:15px;padding:10px 12px}.submit-button{font-size:14px;padding:10px}.social-button{font-size:12px;padding:10px}.social-icon{height:16px;width:16px}.footer{padding:25px 15px}.footer-links{gap:15px}.footer-link{font-size:12px}}@media (max-width:320px){.hero-title{font-size:24px}.right-section{padding:20px 15px}.form-input{font-size:14px}.social-button{font-size:11px}}@media (hover:none) and (pointer:coarse){.footer-link:hover,.forgot-link:hover,.join-button:hover,.nav-link:hover,.social-button:hover,.tab-button:hover{background:inherit;color:inherit;text-decoration:none}.footer-link:active,.forgot-link:active,.join-button:active,.nav-link:active,.social-button:active,.tab-button:active{opacity:.7}}@media (pointer:coarse){.social-button,.submit-button,.tab-button,.toggle-password{min-height:44px;min-width:44px}.toggle-password{align-items:center;display:flex;justify-content:center}.checkbox-wrapper input[type=checkbox]{min-height:20px;min-width:20px}}@media (max-width:768px) and (orientation:landscape){.main-content{gap:30px;padding:20px}.hero-title{font-size:26px;margin-bottom:10px}.hero-subtitle{font-size:14px;margin-bottom:20px}.features{gap:15px}.right-section{padding:20px}}.zoom-container{background:#f1f4f8;color:#232333;display:flex;flex-direction:column;font-family:Lato,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;min-height:100vh}.zoom-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000a;height:60px;justify-content:space-between;padding:10px 24px;width:100%}.logo-section,.zoom-header{align-items:center;display:flex}.logo-section{gap:10px}.zoom-logo-mark{flex-shrink:0;height:36px;width:36px}.zoom-logo-text{color:#0e72ed;font-family:Lato,Open Sans,Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.5px}.header-right{align-items:center;display:flex;gap:6px}.header-time{color:#4a4a4a;font-size:14px;font-weight:500;letter-spacing:.2px;padding:0 12px 0 4px}.header-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#4a4a4a;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:background-color .15s ease;width:38px}.header-icon-btn:hover{background-color:#eef2f7}.header-icon-btn:active{background-color:#dee5ee}.header-icon-btn svg{display:block;height:22px;width:22px}.header-avatar{align-items:center;background:#0e72ed;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:6px;transition:box-shadow .15s ease;width:36px}.header-avatar:hover{box-shadow:0 0 0 4px #0e72ed26}.zoom-main{flex:1 1;margin:0 auto;max-width:1400px;padding:32px 24px 56px}.centered-content,.zoom-main{align-items:center;display:flex;gap:56px;justify-content:center;width:100%}.centered-content{max-width:1200px}.video-section-with-controls{align-items:center;display:flex;flex-direction:column;gap:0;max-width:760px;min-width:0;width:100%}.video-section{align-items:flex-start;display:flex;justify-content:center;width:100%}.video-preview{aspect-ratio:16/9;background:#1a1a1a;border-radius:8px 8px 0 0;box-shadow:0 4px 20px #23233326;max-width:760px;overflow:hidden;position:relative;width:100%}.video-placeholder{align-items:center;background:linear-gradient(135deg,#232333,#2d2e44);display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.user-name{color:#fff;font-size:22px;font-weight:600;padding:0 16px;text-align:center}.video-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1aeb;border-radius:8px;bottom:16px;box-shadow:0 4px 16px #0006;display:flex;gap:4px;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:2}.video-control-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:56px;justify-content:center;min-width:64px;padding:6px 10px;transition:background-color .15s ease}.video-control-btn:hover{background:#ffffff1f}.video-control-btn.disabled svg,.video-control-btn.muted svg{fill:#e02828}.video-control-btn.disabled .video-control-label,.video-control-btn.muted .video-control-label{color:#ff6a6a}.video-control-btn svg{display:block;flex-shrink:0;height:22px;width:22px}.video-control-label{color:#fff;font-size:11px;font-weight:500;letter-spacing:.1px;white-space:nowrap}.video-element{border-radius:8px 8px 0 0;height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scaleX(-1);width:100%}.device-settings-under-video{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 20px #2323331a;width:100%}.device-control-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 20px}.device-control{align-items:center;border-radius:6px;display:flex;flex:1 1 200px;gap:10px;min-width:0;padding:6px 10px;transition:background-color .15s ease}.device-control:hover{background:#f4f6fa}.device-icon{fill:#4a4a4a;color:#4a4a4a;flex-shrink:0;height:20px;width:20px}.device-select-compact{background:#0000;border:none;color:#232333;cursor:pointer;flex:1 1;font-family:Lato,Open Sans,Arial,sans-serif;font-size:14px;font-weight:500;min-width:0;padding:6px 4px;text-overflow:ellipsis;width:100%}.device-select-compact:focus{outline:none}.join-section{display:flex;flex-direction:column;flex-shrink:0;justify-content:center;width:360px}.join-title{color:#232333;font-family:Lato,Open Sans,Arial,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.3px;line-height:1.25;margin-bottom:8px}.join-subtitle{color:#6b6b76;font-size:14px;font-weight:400;line-height:1.5;margin-bottom:28px}.join-meeting-btn{background:#0e72ed;border:none;border-radius:6px;box-shadow:0 1px 2px #0e72ed40;color:#fff;cursor:pointer;font-family:Lato,Open Sans,Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:.2px;margin-bottom:12px;padding:13px 24px;transition:background-color .15s ease,box-shadow .15s ease;width:100%}.join-meeting-btn:hover{background:#0a5dc2;box-shadow:0 2px 6px #0e72ed59}.join-meeting-btn:active{background:#084ea6;box-shadow:inset 0 1px 2px #0003}.other-ways-btn{background:#fff;border:1px solid #d4d8e0;border-radius:6px;color:#0e72ed;cursor:pointer;font-family:Lato,Open Sans,Arial,sans-serif;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;transition:background-color .15s ease,border-color .15s ease;width:100%}.other-ways-btn:hover{background:#f4f6fa;border-color:#b8bfca}@media (max-width:1024px){.zoom-main{gap:32px;padding:24px 20px}.centered-content{align-items:center;flex-direction:column;gap:28px}.video-section-with-controls{max-width:720px}.join-section{max-width:560px;text-align:center;width:100%}}@media (max-width:768px){.zoom-header{height:56px;padding:8px 12px}.zoom-logo-mark{height:32px;width:32px}.zoom-logo-text{font-size:20px}.header-time{display:none}.header-icon-btn{height:34px;width:34px}.header-icon-btn svg{height:20px;width:20px}.header-avatar{height:32px;width:32px}.zoom-main{gap:24px;padding:20px 16px}.video-control-btn{min-width:56px;padding:4px 8px}.device-control-row{align-items:stretch;flex-direction:column;gap:2px;padding:10px 14px}.device-control{flex:1 1 auto;width:100%}.join-title{font-size:22px}}@media (max-width:480px){.zoom-header{height:52px;padding:6px 10px}.logo-section{gap:8px}.zoom-logo-mark{height:28px;width:28px}.zoom-logo-text{font-size:18px}.header-right{gap:2px}.header-icon-btn{height:30px;width:30px}.header-icon-btn svg{height:18px;width:18px}.header-avatar{height:28px;margin-left:2px;width:28px}.zoom-main{gap:18px;padding:14px 12px 28px}.video-element,.video-preview{border-radius:6px 6px 0 0}.device-settings-under-video{border-radius:0 0 6px 6px}.user-name{font-size:18px}.video-controls{border-radius:6px;bottom:10px;gap:2px;padding:6px}.video-control-btn{height:50px;min-width:52px;padding:4px 6px}.video-control-btn svg{height:20px;width:20px}.video-control-label{font-size:10px}.device-control-row{padding:8px 12px}.device-select-compact{font-size:13px}.join-title{font-size:20px}.join-subtitle{font-size:13px;margin-bottom:20px}.join-meeting-btn{font-size:14px;padding:12px 20px}.other-ways-btn{font-size:13px;padding:11px 14px}}@media (max-width:360px){.video-control-btn{height:46px;min-width:44px;padding:4px}.video-control-label{font-size:9px}}
/*# sourceMappingURL=main.4e027253.css.map*/