body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text-primary: #202124;--text-secondary: #5f6368;--background-primary: #ffffff;--background-secondary: #f1f3f4;--background-tertiary: #e8eaed;--border-color: #dadce0;--accent-blue: #1a73e8;--accent-blue-hover: #185abc;--accent-red: #d93025;--accent-red-hover: #a50e0e;--gray-200: #e8eaed;--gray-300: #dadce0;--gray-500: #9aa0a6;--gray-600: #80868b;--gray-700: #5f6368;--gray-800: #3c4043;--gray-900: #202124;--gray-1000: #000000;--font-family: "google sans" "Space Mono", monospace;--text: var(--text-primary);--background: var(--background-primary);--border-stroke: var(--border-color);--Neutral-00: var(--background-primary);--Neutral-5: var(--background-secondary);--Neutral-10: var(--background-secondary);--Neutral-15: var(--background-tertiary);--Neutral-20: #dee1e6;--Neutral-30: #bdc1c6;--Neutral-50: #9aa0a6;--Neutral-60: #80868b;--Neutral-80: #5f6368;--Neutral-90: #3c4043;--Blue-500: var(--accent-blue);--Blue-800: #e8f0fe;--Red-400: #f28b82;--Red-500: var(--accent-red);scrollbar-color:var(--gray-600) var(--background-secondary);scrollbar-width:thin;--breakpoint-md: 768px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Google Sans Display,sans-serif;background-color:#f8f9fa;position:relative;overflow:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(to bottom,#fff,#d8e5f1 80%);background-size:auto,cover;background-position:center;z-index:-2}body:after{content:"";position:fixed;bottom:20px;right:20px;width:150px;height:150px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAbFBMVEX///8zN0AAAEzMzM4AIE4zM0szOUz29vYAFk/5+fnf39/v7+/o6OgAKlDk5ORVVVdPT1IAH0/y8vK8vLzR0dGAgIKsrKxubm5gYGDf398AEk4zLUwnKUsAHE4ACUuOjo4AEU1bW1uZmZmIiIhdXWEeAAAAAXRSTlMAQObYZgAAA+pJREFUeNrt3dFu2zAQBUGhD+fYYbBJS5Ik2aT//4c6cQZa2g7A2GBrS56fGgMh1kcgIjYhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPiV3V3f1ZjeaLReW/ZzR/vT2fGz47NhWn0X55MhD9I1+r0s+b7wR/lK/ZzR39Uq6mK0uY7Lp4a3hQfCt+NHeT2c4T/1+qj+vEnYp9Fk3qD/Dkd8O8p6tU/n52/mX6c/z/Pj/McfM9L2hG/K27gv6XG+0v4S/tL+Xv6uP8V/fP8B/6E/hv++P4h/zP8A/7H/E/xT/sP+W/0X/Mv8x/2P+C/wL/Mv+F/w3/L/8L/vv8t/xP+1/wP/Lf5z/uv8z/0P+F/zz/Vf5T/if89/hv+x/wP+B/zr/If9D/jf85/kP+1/wX/Ff4b/Af8P/mP8C/yH/G/5D/r/8Z/1X/P/5z/Ff+D/jP8t/iP+b/yn/A/6b/Av8d/vv8t/0P+T/zn+U/7H/L/5z/A/9j/iP+A/w3/Tf5b/Av89/gP+F/yX/Gf4j/uv8F/xn+L/yn/Df4j/if8T/tv8N/wn+W/xn+R/wP+O/y3/Lf4T/gf89/kv+N/w3+E/4X/L/4D/If8j/jP+v/zP+B/yP+U/43/Gf5H/Ef9H/mP8h/yv+E/5n/J/5L/Hf5b/hP+O/xn+V/yn/I/5H/E/4n/Hf4b/Jf9H/jP8h/zP+E/6H/J/4b/E/5L/Ff8B/3P+I/6H/M/4T/gf8D/hv8t/wP+V/wX/I/4D/m/8l/vv85/wP+d/yv+R/w/+B/zX+K/z3+c/zP+d/xH/C/4L/Cf8r/iP8j/n/8F/3/+S/4f/Kf4X/If4L/I/8T/kP8z/g/8j/g/8Z/z/+C/wv+M/wX+S/x3+a/wH/O/5j/gf8d/kv8l/x/+O/y3/M/43/F/4v/Jf5T/qf8d/j/8l/v/8h/xf+J/xX/D/5H/Hf8z/vP8B/w/+E/w/+C/xv+O/yX/H/4z/M/5n/Ff9j/s/8n/rP+F/xf+c/xX/A/7z/Af8D/mf8l/rP+J/xv+A/w3/C/5L/P/9H/v/8Z/gP+N/xn+I/w3/Ef8L/kv8h/wP+f/zv+V/wH/L/4j/m/8x/v/8B/zv8f/hP+5/wf+d/w3+W/wv/S/wX/Cf8h/xv+t/yv+F/wv+R/wf+N/yv+Q/wv+V/yH/I/4n/K/4n/O/5n/Pf5T/mf8x/xv+S/xv+D/y/+A/wX/A/4D/C/47/A/4f/Pf5n/A/4b/Pf8b/r/8Z/wP+f/z3+f/wX/B/4b/P/4D/r/8Z/z/AAAAAAAAAPhr/b8CvgFfAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPjH/QO6A5aWc4iVgwAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;opacity:.15;z-index:-1;pointer-events:none}:root{background:transparent;color:var(--text);font-family:var(--font-family)}h1,h2,h3,h4,h5,h6{font-weight:400}li{list-style:none}input,textarea{font-family:var(--font-family);background:none;color:var(--text-primary);border:none;outline:none;font-size:18px;resize:none;-webkit-user-select:text;user-select:text}input::placeholder,textarea::placeholder{-webkit-user-select:none;user-select:none;color:var(--text-secondary)}select{font-family:inherit;padding:10px;border:1px solid var(--border-color);background:var(--background-primary);color:var(--text-primary);border-radius:4px;font-size:16px;cursor:pointer;accent-color:var(--accent-blue)}select:focus-visible{outline:1px solid var(--accent-blue)}button{font-family:var(--font-family);background:none;color:var(--text-primary);border:none;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px}button.primary{background:var(--accent-blue);color:#fff}button.icon{font-size:1.2em}.button{background:var(--Neutral-20);display:inline-flex;padding:10px;border-radius:8px;gap:4px;align-items:center;justify-content:center;color:var(--text-primary)}.button:hover{background-color:var(--Neutral-30)}.button.primary{background:var(--accent-blue);color:#fff}.button.primary:hover{background:var(--accent-blue-hover)}.button .icon{font-size:1.2em}button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}button[disabled]{opacity:.5;cursor:not-allowed}button .icon{display:block}.icon{font-family:Material Symbols Outlined;font-weight:300;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.icon.filled{font-variation-settings:"FILL" 1}.space-mono-regular{font-family:Space Mono,monospace;font-weight:400;font-style:normal}.space-mono-bold{font-family:Space Mono,monospace;font-weight:700;font-style:normal}.space-mono-regular-italic{font-family:Space Mono,monospace;font-weight:400;font-style:italic}.space-mono-bold-italic{font-family:Space Mono,monospace;font-weight:700;font-style:italic}.hidden{display:none}.flex{display:flex}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.flex-col{flex-direction:column}header{padding:20px;display:flex;align-items:center;justify-content:space-between;position:fixed;width:100%;z-index:999}header>*{pointer-events:auto}header:hover h4,header:hover .roomDescription,header:hover .createButton{opacity:1}.simpleMode header{opacity:0;transition:all .3s}.simpleMode header:hover{opacity:1}.streaming-console{background:transparent;color:var(--gray-700);display:flex;height:100dvh;width:100vw}.streaming-console a,.streaming-console a:visited,.streaming-console a:active{color:var(--gray-700)}.streaming-console .disabled{pointer-events:none}.streaming-console .disabled>*{pointer-events:none}.streaming-console main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:1rem;max-width:100%;overflow:hidden}.streaming-console .main-app-area{display:flex;flex:1;align-items:center;justify-content:center;position:relative;width:100%}.streaming-console .function-call{position:absolute;top:0;width:100%;height:50%;overflow-y:auto}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}@keyframes pulse{0%{scale:1 1}to{scale:1.2 1.2}}.action-button{display:flex;align-items:center;justify-content:center;background:var(--Neutral-20);color:var(--Neutral-80);font-size:1.25rem;line-height:1.75rem;text-transform:lowercase;animation:opacity-pulse 3s ease-in infinite;transition:all .2s ease-in-out;width:48px;height:48px;border-radius:18px;border:1px solid rgba(0,0,0,0);-webkit-user-select:none;user-select:none;cursor:pointer}.action-button:focus-visible{border:2px solid var(--background-primary);outline:2px solid var(--accent-blue)}.action-button.outlined{background:var(--Neutral-2);border:1px solid var(--Neutral-20)}.action-button .no-action{pointer-events:none}.action-button:hover{background:var(--Neutral-30);border:1px solid var(--Neutral-20)}.action-button.connected{background:var(--Blue-800);color:var(--accent-blue)}.action-button.connected:hover{border:1px solid var(--accent-blue)}@property --volume{syntax: "length"; inherit: false; initial-value: 0px;}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-button{position:relative;background-color:var(--accent-red);z-index:1;color:#fff;transition:all .2s ease-in}.mic-button:focus-visible{border:2px solid var(--Neutral-20);outline:2px solid var(--Red-500)}.mic-button:hover{background-color:var(--accent-red-hover)}.mic-button:before{position:absolute;z-index:-1;top:calc(var(--volume) * -1);left:calc(var(--volume) * -1);display:block;content:"";opacity:.35;background-color:var(--Red-500);width:calc(100% + var(--volume) * 2);height:calc(100% + var(--volume) * 2);border-radius:24px;transition:all .02s ease-in-out}.connect-toggle:not(.connected){background-color:var(--Blue-500);color:#fff}.connect-toggle:not(.connected):hover{background-color:var(--accent-blue-hover)}.control-tray{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:inline-flex;justify-content:center;align-items:flex-start;gap:8px;padding-bottom:calc(70px + env(safe-area-inset-bottom));z-index:12;transition:padding-bottom .3s ease-in-out}@media (min-width: 768px){.control-tray{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}.control-tray .disabled .action-button,.control-tray .action-button.disabled{background:#0000;border:1px solid var(--Neutral-30, #404547);color:var(--Neutral-30)}.control-tray .connection-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.control-tray .connection-container .connection-button-container{border-radius:27px;border:1px solid var(--border-color);background:var(--background-primary);padding:10px;box-shadow:0 1px 3px #0000001a}.control-tray .connection-container .text-indicator{font-size:11px;color:var(--Blue-500);-webkit-user-select:none;user-select:none}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.actions-nav{background:var(--background-primary);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;border-radius:27px;display:inline-flex;gap:12px;align-items:center;overflow:clip;padding:10px;transition:all .6s ease-in}.actions-nav>*{display:flex;align-items:center;flex-direction:column;gap:1rem}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.top{width:100%;flex-grow:0;flex-shrink:0;height:30px;display:flex;align-self:flex-end;align-items:center;transition:all .2s ease-in}.top button{background:transparent;border:0;cursor:pointer;font-size:1.25rem;line-height:1.75rem;padding:4px}.keynote-companion{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.counter-container{position:absolute;right:2rem;top:2rem;z-index:10}.modalShroud{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:9999;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modalShroud .modal{background:var(--background-primary);border:1px solid var(--border-color);border-radius:10px;padding:40px;position:relative;width:100%;max-height:80vh;overflow:auto;margin:20px;box-shadow:0 4px 15px #0003}@media (min-width: 768px){.modalShroud .modal{max-width:500px}}.modalShroud .modal .modalContent{padding:40px;overflow-y:auto;max-height:90vh;-webkit-overflow-scrolling:touch}.modalShroud .modal h2{margin-bottom:20px}.modalClose{position:absolute;top:10px;right:10px;color:var(--text-secondary);font-size:24px}.modalClose:hover{color:var(--text-primary)}.userSettings{max-width:480px;display:flex;flex-direction:column;gap:20px}.userSettings p{font-size:14px;line-height:1.5;color:var(--text-secondary)}@media (min-width: 768px){.userSettings p{font-size:18px}}.userSettings form{margin-top:10px;padding-top:20px;border-top:1px solid var(--border-color)}.userSettingsButton{display:flex;align-items:center;gap:6px;color:var(--text-secondary);transition:all .3s;font-size:16px}@media (min-width: 768px){.userSettingsButton{font-size:18px}}.userSettingsButton .user-name{display:none}@media (min-width: 768px){.userSettingsButton .user-name{display:block}}.userSettingsButton .icon{font-size:30px}.userSettingsButton:hover{color:var(--text-primary)}form{display:flex;flex-direction:column;gap:20px}form .largeInput{font-size:16px;border-bottom:1px solid var(--border-color);padding-bottom:5px}@media (min-width: 768px){form .largeInput{font-size:28px}}form .largeInput:focus{border-bottom-color:var(--accent-blue)}form>div,form label,form details div{display:flex;flex-direction:column;gap:10px;-webkit-user-select:none;user-select:none;color:var(--text-primary)}form details>div{display:flex;flex-direction:column;gap:30px}form summary{margin-bottom:10px;cursor:pointer}form input,form textarea{border:1px solid var(--border-color);border-radius:5px;padding:10px;font-size:14px;resize:none;line-height:1.4;background-color:var(--background-primary)}@media (min-width: 768px){form input,form textarea{font-size:18px}}form input:focus,form textarea:focus{background:var(--background-primary);border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 1px var(--accent-blue)}form textarea{resize:vertical}form hr{margin:20px 0}form button:first-of-type{margin-top:30px}input[type=range]{padding:0;accent-color:var(--accent-blue);flex:1}.checkbox{flex-direction:row;color:var(--text-secondary)}.temperature{display:flex;flex-direction:row;align-items:center;gap:10px}.temperature span{font-family:monospace;font-size:14px}.colorPicker{display:flex;flex-wrap:wrap;gap:10px}.colorPicker li{width:20px;height:20px;border-radius:100%}@media (min-width: 768px){.colorPicker li{width:35px;height:35px}}.colorPicker li.active{outline:4px solid var(--accent-blue)}.colorPicker li button{width:100%;height:100%;border-radius:100%;border:none;cursor:pointer}.editAgent{display:flex;flex-direction:column;gap:30px}@media (min-width: 768px){.editAgent{gap:50px}}.editAgent>div:first-child{max-width:500px}.editAgent>div:nth-child(2){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.agentPreview{width:280px;height:280px;background:var(--background-secondary);display:flex;align-items:center;justify-content:center;border-radius:10px;pointer-events:none;position:relative}.agentPreview .agent{position:static;left:unset;top:unset;translate:0 0!important}.voicePicker{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--text-primary)}.voicePicker select{accent-color:var(--accent-blue);color:var(--text-primary);padding:5px;font-size:16px;border-radius:5px}.voicePicker select:focus-visible{outline:none}.sleep label{display:flex;gap:10px;align-items:center;justify-content:center}.sleep input{accent-color:var(--accent-blue)}.roomInfo{position:relative}.roomInfo h1{font-size:16px;font-weight:400;display:flex;align-items:center;opacity:.8;transition:all .2s;text-align:left;color:var(--text-primary)}@media (min-width: 768px){.roomInfo h1{font-size:28px}}.roomInfo h1:hover,.roomInfo h1.active{opacity:1}.roomInfo .edit{font-size:22px}.roomInfo .createButton{opacity:1}@media (min-width: 768px){.roomInfo .createButton{opacity:0}}.roomName{display:flex}.roomDescription{font-size:16px;color:var(--gray-700);margin-top:10px;width:max-content;max-width:380px;line-height:1.5;position:absolute;opacity:0;transition:opacity .3s}.createButton{transition:opacity .3s;background:var(--accent-blue);color:#fff}.createButton:hover{background:var(--accent-blue-hover)}.hint .createButton{margin-top:10px}.deleteRoomButton{background:var(--Red-500);font-size:12px;margin-top:15px}.roomList{display:flex;flex-direction:column;gap:10px;position:absolute;background:var(--background-primary);border:1px solid var(--border-color);box-shadow:0 4px 15px #00000026;padding:20px;border-radius:8px;width:300px;margin-top:10px;opacity:0;pointer-events:none;transition:all .1s;-webkit-user-select:none;user-select:none;max-height:70vh;overflow:auto}.roomList.active{opacity:1;pointer-events:auto}.roomList h3{font-size:15px;margin-bottom:10px;color:var(--text-secondary)}.roomList ul{display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--border-color);padding-bottom:20px;margin-bottom:5px}.roomList li{font-size:22px}.roomList li button{color:var(--text-secondary);transition:all .2s;width:100%;text-align:left}.roomList li.active button,.roomList li:hover button{color:var(--text-primary)}.roomList .newRoomButton{margin-top:15px;color:var(--accent-blue)}.roomList .newRoomButton:hover{background-color:var(--background-tertiary)}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100%;background:var(--background-primary);color:var(--text-primary);gap:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99991}.error-screen .error-message-container,.error-screen .error-raw-message-container{width:100%;text-align:center;max-width:650px;padding-left:.5rem;padding-right:.5rem}.error-screen .close-button{color:var(--accent-blue);font-size:24px}.app-footer{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:calc(20px + env(safe-area-inset-left));z-index:10;font-size:14px;color:var(--text-secondary);opacity:.7;transition:opacity .3s ease-in-out;font-family:var(--font-family)}.app-footer:hover{opacity:1}.app-footer a{color:inherit;text-decoration:none}.app-footer a:hover{text-decoration:underline}.unsupported-ios{position:relative;height:100vh;background:linear-gradient(180deg,#e0f7ff,#fff);display:flex;justify-content:center;align-items:center;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;overflow:hidden;text-align:center}.card{background:#fff;padding:2rem 3rem;border-radius:16px;box-shadow:0 12px 30px #00000026;max-width:480px;width:90%;z-index:10}.card h1{margin-bottom:1rem;font-size:2rem}.card p{font-size:1.1rem;margin-bottom:1rem}.card ul{list-style:none;padding:0;margin:1rem 0 1.5rem}.card ul li{margin:.6rem 0;font-size:1.1rem}.waves{position:absolute;bottom:0;left:0;width:100%;height:30vh;z-index:5;overflow:visible}.wave-path{animation:waveMove 6s linear infinite;transform-origin:center bottom;will-change:transform}@keyframes waveMove{0%{transform:translate(0)}50%{transform:translate(20px)}to{transform:translate(0)}}.main-nav{display:flex;justify-content:flex-end;padding:10px 20px;align-items:center;gap:12px}.profile-tab{display:flex;align-items:center;cursor:pointer;color:#fff;font-weight:600;-webkit-user-select:none;user-select:none}.profile-avatar{width:40px;height:40px;border-radius:50%;margin-right:8px;object-fit:cover;border:2px solid white;background-color:#ccc}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;flex-wrap:wrap}.header-right{display:flex;align-items:center;gap:1rem}.profile-tab{display:flex;align-items:center;gap:.5rem;cursor:pointer}.profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1000}.sidebar{position:fixed;top:0;right:0;width:300px;height:100%;background:#fff;padding:2rem;box-shadow:-2px 0 10px #0000001a;z-index:1001;display:flex;flex-direction:column;gap:1rem}.close-btn{background:none;border:none;font-size:1.2rem;align-self:flex-end;cursor:pointer}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:flex-end;z-index:999}.sidebar-card{background:#fff;width:360px;height:100vh;padding:2rem 1.5rem;box-shadow:-4px 0 20px #00000026;border-radius:12px 0 0 12px;display:flex;flex-direction:column;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideInCard .3s ease-out}@keyframes slideInCard{0%{transform:translate(100%)}to{transform:translate(0)}}.close-btn{position:absolute;top:12px;right:16px;font-size:1.2rem;background:none;border:none;color:#333;cursor:pointer}.card-header{text-align:center;margin-top:2rem}.card-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid #050e32;margin-bottom:1rem}.card-header h2{font-size:1.2rem;color:#050e32;margin:0}.card-email{font-size:.9rem;color:#666}.card-body{margin-top:2rem}.card-body h4{font-size:1.1rem;color:#333;margin-bottom:1rem}.card-info{list-style:none;padding:0;margin:0}.card-info li{font-size:.95rem;margin-bottom:.5rem}.card-footer{margin-top:auto;text-align:center}.logout-btn{background-color:#050e32;color:#fff;border:none;padding:.8rem 1rem;border-radius:6px;font-weight:700;cursor:pointer;width:100%;transition:background-color .3s ease}.logout-btn:hover{background-color:#08103e}.card-plan{margin-top:2rem;padding:1rem;border-top:1px solid #eee}.plan-box{background-color:#f4f8ff;border:1px solid #d0e3ff;border-radius:8px;padding:1rem;margin-top:.5rem}.upgrade-btn{margin-top:.8rem;padding:.6rem 1.2rem;background-color:#007bff;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.upgrade-btn:hover{background-color:#0056b3}.membership-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;padding:20px;animation:fadeIn .5s ease-in-out}@media (max-width: 768px){.membership-page{max-height:160vh;overflow-y:auto}}.membership-header{text-align:center;margin-bottom:40px}.membership-header h2{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.membership-header p{font-size:18px;color:var(--text-secondary);max-width:600px}.pricing-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1100px}.pricing-card{background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;padding:30px;width:100%;max-width:320px;display:flex;flex-direction:column;text-align:left;box-shadow:0 4px 6px #0000000d;transition:transform .3s,box-shadow .3s;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.pricing-card h3{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:15px}.pricing-card .price{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.pricing-card .price span{font-size:16px;font-weight:400;color:var(--text-secondary);margin-left:5px}.pricing-card ul{list-style:none;padding:0;margin-bottom:30px;flex-grow:1}.pricing-card li{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;color:var(--text-secondary)}.pricing-card li .icon{color:var(--accent-blue);font-size:20px}.pricing-card .button{width:100%;padding:12px;font-size:16px;font-weight:600}.pricing-card.highlighted{border:2px solid var(--accent-blue);transform:scale(1.05)}.pricing-card .badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background-color:var(--accent-blue);color:#fff;padding:5px 15px;border-radius:15px;font-size:12px;font-weight:600}.back-button{margin-top:40px;color:var(--text-secondary);background:none;border:none;text-decoration:underline;cursor:pointer}.back-button:hover{color:var(--text-primary)}@media (max-width: 960px){.pricing-card.highlighted{transform:none}}@media (max-width: 768px){.membership-header h2{font-size:28px}.pricing-cards{flex-direction:column;align-items:center}}.card-support{margin-top:20px;padding-top:10px;border-top:1px solid #ddd}.card-support h4{margin-bottom:8px;font-size:16px}.support-btn{display:block;margin:8px 0;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:500;text-align:center;color:#fff}.support-btn.email{background-color:#007bff}.support-btn.whatsapp{background-color:#25d366}.splash-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:linear-gradient(to bottom,#d1e3fa,#fff 80%);position:fixed;top:0;left:0;z-index:10000;animation:fadeOut .5s ease-out 2.5s forwards}.splash-logo{font-size:4rem;font-weight:500;color:var(--text-primary);animation:pulse-logo 1.5s ease-in-out infinite alternate}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes pulse-logo{0%{transform:scale(1)}to{transform:scale(1.05)}}.homepage{background-color:var(--background-primary);color:var(--text-primary);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;height:100vh;width:100vw}.homepage-header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color);transition:all .3s ease}.homepage-logo-text{font-weight:500;font-size:1.5rem;color:var(--text-primary)}.homepage-header-cta{background-color:var(--accent-blue);color:#fff;padding:.6rem 1.2rem;border-radius:20px;font-size:1rem;font-weight:500;transition:background-color .3s ease}.homepage-header-cta:hover{background-color:var(--accent-blue-hover)}.homepage main>section{padding:6rem 5%;min-height:80vh;display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;gap:4rem;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.homepage main>section.is-visible{opacity:1;transform:translateY(0)}.hero-section{min-height:100vh;padding-top:8rem}.hero-content{flex:1;max-width:600px}.hero-headline{font-size:3.5rem;font-weight:600;line-height:1.2;letter-spacing:-2px;color:var(--text-primary)}.hero-subheadline{font-size:1.25rem;color:var(--text-secondary);margin-top:1.5rem;line-height:1.6}.hero-cta{margin-top:2.5rem;background-color:var(--accent-blue);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:500;border-radius:28px;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #1a73e866;transition:all .3s ease}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 6px 20px #1a73e880}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;perspective:1000px}.ai-orb-container{position:relative;width:300px;height:300px;transform-style:preserve-3d;animation:rotate-container 30s linear infinite}@keyframes rotate-container{0%{transform:rotateY(0) rotateX(10deg)}to{transform:rotateY(360deg) rotateX(10deg)}}.ai-orb{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--accent-blue) 0%,#e8f0fe 70%);border-radius:50%;box-shadow:0 0 50px var(--accent-blue),inset 0 0 30px #e8f0fe;animation:pulse-orb 4s ease-in-out infinite}@keyframes pulse-orb{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}.ai-particle{position:absolute;top:50%;left:50%;width:12px;height:12px;background-color:var(--accent-blue);border-radius:50%;box-shadow:0 0 10px var(--accent-blue);transform-style:preserve-3d}.p1{animation:orbit1 8s linear infinite}.p2{animation:orbit2 10s linear infinite;background-color:#34a853}.p3{animation:orbit3 12s linear infinite;background-color:#fbbc05}.p4{animation:orbit4 15s linear infinite;background-color:#ea4335}@keyframes orbit1{0%{transform:rotateY(0) translate(150px) rotateY(0) rotateX(45deg)}to{transform:rotateY(360deg) translate(150px) rotateY(-360deg) rotateX(45deg)}}@keyframes orbit2{0%{transform:rotateY(0) rotateX(60deg) translate(180px)}to{transform:rotateY(-360deg) rotateX(60deg) translate(180px)}}@keyframes orbit3{0%{transform:rotate(0) translate(160px) rotate(0) rotateY(50deg)}to{transform:rotate(360deg) translate(160px) rotate(-360deg) rotateY(50deg)}}@keyframes orbit4{0%{transform:rotateX(0) translateY(140px) rotateX(0) rotateY(20deg)}to{transform:rotateX(360deg) translateY(140px) rotateX(-360deg) rotateY(20deg)}}.feature-section{border-bottom:1px solid var(--background-secondary)}.feature-section.layout-reversed{flex-direction:row-reverse}.feature-text{flex:1;padding-right:2rem}.layout-reversed .feature-text{padding-right:0;padding-left:2rem}.feature-text h2{font-size:2.5rem;font-weight:500;line-height:1.3;color:var(--text-primary)}.feature-text p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-top:1rem}.feature-visual{flex:1;display:flex;justify-content:center;align-items:center;min-height:400px;background-color:var(--background-secondary);border-radius:24px;padding:2rem;position:relative;overflow:hidden}.card-stack{position:relative;width:300px;height:200px}.card{position:absolute;width:200px;height:120px;background-color:var(--background-primary);border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:transform .8s cubic-bezier(.25,1,.5,1)}.card .icon{font-size:2rem}.card p{font-weight:500;color:var(--text-secondary)}.card.c1{transform:rotate(-5deg) translate(-20px) scale(.9);z-index:1}.card.c2{transform:rotate(2deg) translate(40px,20px) scale(1);z-index:2}.card.c3{transform:rotate(10deg) translate(80px,-10px) scale(.95);z-index:3}.is-visible .card.c1{transform:rotate(-10deg) translate(-40px) scale(.9)}.is-visible .card.c2{transform:rotate(0) translate(30px,20px) scale(1.1)}.is-visible .card.c3{transform:rotate(8deg) translate(100px,-10px) scale(.95)}.sound-wave-container{display:flex;justify-content:center;align-items:center;gap:10px;height:100px}.bar{width:12px;height:20px;background-color:var(--accent-blue);border-radius:6px;transform-origin:bottom;transition:transform .5s ease-in-out}.is-visible .bar{animation:sound-wave 1.5s ease-in-out infinite}.bar:nth-child(2){animation-delay:.2s}.bar:nth-child(3){animation-delay:.4s}.bar:nth-child(4){animation-delay:.6s}.bar:nth-child(5){animation-delay:.8s}@keyframes sound-wave{0%{transform:scaleY(.2)}50%{transform:scaleY(1)}to{transform:scaleY(.2)}}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.icon-grid .icon{font-size:3rem;color:var(--text-secondary);transition:transform .3s ease,color .3s ease}.icon-grid .icon:hover{transform:scale(1.2);color:var(--accent-blue)}.final-cta-section{text-align:center;flex-direction:column;background-color:var(--background-secondary)}.final-cta-section h2{font-size:2.8rem;font-weight:500}.final-cta-section p{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem;margin-bottom:2rem;max-width:600px}.homepage-footer{text-align:center;padding:2rem 5%;background-color:var(--background-tertiary);color:var(--text-secondary)}@media (max-width: 992px){.hero-section,.feature-section{flex-direction:column-reverse;text-align:center}.feature-section.layout-reversed{flex-direction:column-reverse}.hero-visual{margin-bottom:4rem;margin-top:0}.feature-text,.layout-reversed .feature-text{padding:0}.feature-visual{margin-bottom:2rem;width:100%}.hero-headline{font-size:2.8rem}.feature-text h2{font-size:2rem}}@media (max-width: 768px){.homepage-header{padding:1rem 5%}.homepage-logo-text{font-size:1.2rem}.homepage-header-cta{padding:.5rem 1rem;font-size:.9rem}.hero-headline{font-size:2.2rem;letter-spacing:-1px}.hero-subheadline{font-size:1.1rem}.ai-orb-container{transform:scale(.8)}}.login-page{height:100vh;display:flex;justify-content:center;align-items:center;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-card{position:relative;z-index:1;background:#fff;border-radius:16px;padding:3rem 2.5rem;max-width:400px;width:90%;box-shadow:0 10px 30px #ebeced;text-align:center;font-weight:800}.login-card h2{font-weight:700;font-size:2rem;margin-bottom:2rem;color:#54545c}.login-card input{padding:.8rem;margin:.5rem 0;border-radius:12px;border:1.5px solid #080808;font-size:1rem;outline:none;transition:border-color .3s ease;color:#080808}.login-card input::placeholder{color:#090909}.login-card input:focus{border-color:#090909}.login-card button[type=submit]{background-color:#004080;border:none;padding:.9rem;border-radius:8px;font-size:1rem;margin-top:1rem;cursor:pointer;font-weight:700;color:#fff;text-align:center;transition:background .3s ease;display:flex;justify-content:center;align-items:center}.login-card button[type=submit]:hover{background-color:#004080}.register-link{margin-top:1.5rem;font-size:.95rem;color:#1e2a78}.register-link button{background:none;margin-top:8px;border:none;color:#020202;text-decoration:underline;cursor:pointer;font-weight:700}.login-footer{margin-top:2rem;font-size:.85rem;color:#0c0c0c;font-style:italic}.login-logo{width:10px;height:auto;display:block;margin:0 auto 1.5rem}.register-page{height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:40px;background:#fff;padding-left:1rem;padding-right:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto}.register-card{background:#fff;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 15px 35px #0000321a;width:100%;max-width:420px;text-align:center}.register-card h2{margin-bottom:2rem;color:#080808;font-weight:700;font-size:1.8rem}.register-card form{display:flex;flex-direction:column;gap:1rem}.register-card input{padding:.9rem 1rem;border-radius:12px;border:1.8px solid #c5cae9;font-size:1rem;transition:border-color .3s ease}.register-card input:focus{border-color:#3949ab;outline:none}.register-card button[type=submit]{margin-top:1.5rem;background:#004080;border:none;border-radius:12px;padding:.9rem;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer;transition:background .3s ease;display:flex;justify-content:center;align-items:center}.register-card button[type=submit]:hover{background:#004080}.error{margin-top:1rem;color:#d32f2f;font-weight:600}