@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-black: #000000;--color-white: #ffffff;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(10px);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(255, 255, 255, .1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-white);background-color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}input,button{font-family:inherit;font-size:inherit}input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-white);transition:all var(--transition-base);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);outline:none}input::placeholder{color:var(--color-gray-500)}input:focus{border-color:var(--color-white);box-shadow:var(--shadow-glow);background:#ffffff14}input:hover:not(:focus){background:#ffffff12}button{background:var(--color-white);color:var(--color-black);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fff3}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background:transparent;color:var(--color-white);border:1px solid var(--glass-border)}button.secondary:hover{background:var(--glass-bg);border-color:var(--color-white)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.slide-in-up{animation:slideInUp var(--transition-slow) ease-out}.slide-in-left{animation:slideInLeft var(--transition-slow) ease-out}.slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.video-avatar{position:relative;width:100%;height:100%;background:var(--color-black);overflow:hidden}.video-avatar__video{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:92%;object-fit:contain;visibility:hidden}.video-avatar__video--active{visibility:visible}.call-controls{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.call-controls__container{width:100%;max-width:420px;padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-xl)}.call-controls__status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.call-controls__indicator{width:12px;height:12px;border-radius:50%;background:var(--color-gray-600);transition:all var(--transition-base)}.call-controls__indicator--active{background:#10b981;box-shadow:0 0 12px #10b98199;animation:pulse 2s infinite}.call-controls__status-text{font-size:var(--font-size-lg);font-weight:500;color:var(--color-gray-200)}.call-controls__button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-lg);font-weight:600}.call-controls__button--end{background:#ef4444;color:var(--color-white)}.call-controls__button--end:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.call-controls__icon{width:24px;height:24px}.call-controls__logout{padding:var(--spacing-sm);font-size:var(--font-size-sm)}@media(max-width:768px){.call-controls__container{padding:var(--spacing-xl)}.call-controls__button{padding:var(--spacing-md);font-size:var(--font-size-base)}}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-black);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--transition-slow) ease-out}.preloader__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);width:280px}.preloader__spinner{width:64px;height:64px;border:4px solid var(--color-gray-800);border-top-color:var(--color-white);border-radius:50%;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}.preloader__progress{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.preloader__progress-bar{width:100%;height:4px;background:var(--color-gray-800);border-radius:2px;overflow:hidden}.preloader__progress-fill{height:100%;background:var(--color-white);border-radius:2px;transition:width .2s ease-out}.preloader__text{font-size:var(--font-size-lg);font-weight:500;color:var(--color-gray-400);letter-spacing:.05em}@keyframes spin{to{transform:rotate(360deg)}}.app{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;background:var(--color-black)}.app__left{position:relative;z-index:2;background:linear-gradient(135deg,#000000f2,#000000fa);display:flex;align-items:center;justify-content:center}.app__right{position:relative;overflow:hidden}@media(max-width:1024px){.app{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.app__left{order:2}.app__right{order:1}}@media(max-width:768px){.app{grid-template-rows:60% 40%}}@media(max-width:480px){.app{grid-template-rows:1fr}.app__right{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;filter:blur(8px);z-index:0}.app__left{position:relative;z-index:1;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}