.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-form{background-color:var(--container-bg);border-radius:12px;box-shadow:0 10px 30px #00000080;max-width:400px;padding:40px;text-align:center;width:100%}.login-form h1{color:var(--primary-color);margin-bottom:25px}.input-group{margin-bottom:20px;text-align:left}.input-group label{color:var(--text-secondary-color);display:block;margin-bottom:8px}.input-group input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;padding:12px;width:100%}.login-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#121212;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:background-color .2s;width:100%}.login-button:hover{opacity:.9}.login-error{color:#ff4d4d;font-size:.9em;margin-bottom:15px}.home-page-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.theme-toggle-container{position:fixed;right:20px;top:20px;z-index:1000}.theme-toggle-button{align-items:center;background:var(--container-bg);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 4px 10px #0003;color:var(--primary-color);cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.container{background-color:var(--container-bg);border-radius:12px;box-shadow:0 10px 30px var(--shadow-color);max-width:600px;padding:30px;text-align:center;transition:background-color .3s;width:100%}.header h1{color:var(--primary-color);font-size:2em;margin-bottom:8px;margin-top:0}.header p{font-size:1em;margin-bottom:25px}.button-grid{flex-wrap:wrap;gap:15px}.button-grid,.button-grid button{display:flex;justify-content:center}.button-grid button{align-items:center;background-color:var(--primary-color);border:none;border-radius:12px;color:var(--button-text-color);cursor:pointer;flex-basis:calc(25% - 15px);flex-direction:column;font-size:14px;font-weight:700;height:120px;min-width:120px;padding:15px;transition:all .2s ease-in-out}.button-grid button:hover{box-shadow:0 6px 20px #bb86fc99;transform:translateY(-5px)}.button-grid button svg{color:var(--button-text-color);margin-bottom:10px}.button-grid .utility-btn{background-color:var(--secondary-color)}.button-grid .utility-btn:hover{box-shadow:0 6px 20px #03dac699}.face-container{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center;width:100vw}.face-title{color:var(--primary-color);margin-bottom:5px}.face-status{font-size:1.2em;margin-bottom:20px;min-height:24px}.video-wrapper{background-color:#000;border-radius:12px;box-shadow:0 5px 20px #0000004d;margin-bottom:30px;max-width:640px;overflow:hidden;width:100%}.video-feed{display:block;height:auto;width:100%}.analyze-button{background-color:var(--secondary-color);border:none;border-radius:8px;color:var(--button-text-color);cursor:pointer;font-size:1.2em;font-weight:700;padding:15px 40px;transition:all .2s ease}.analyze-button:disabled{cursor:not-allowed;opacity:.6}.analyze-button:hover:not(:disabled){transform:scale(1.05)}.results-box{background-color:var(--container-bg);border-radius:12px;box-shadow:0 5px 20px var(--shadow-color);margin-top:30px;min-width:300px;padding:20px;text-align:left}.results-box h2{color:var(--primary-color);margin-top:0}.gesture-container{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center;width:100vw}.gesture-title{color:var(--primary-color);margin-bottom:20px}.video-wrapper-gesture{background-color:#000;border-radius:12px;box-shadow:0 5px 20px #0000004d;max-width:720px;overflow:hidden;position:relative;width:100%}.video-feed-gesture{display:block;height:auto;width:100%}.gesture-overlay{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;box-sizing:border-box;left:0;padding:40px 20px 20px;position:absolute;width:100%}.gesture-text{color:#fff;font-size:3em;font-weight:700;margin:0;text-shadow:2px 2px 8px #000c;text-transform:capitalize}.gesture-status{font-size:1.2em;margin-top:20px;min-height:24px}.voice-container{align-items:center;background-color:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center;width:100vw}.voice-title{color:var(--primary-color);margin-bottom:5px}.voice-status{font-size:1.2em;min-height:24px}.mic-wrapper,.voice-status{margin-bottom:40px}.mic-button{align-items:center;background-color:var(--container-bg);border:none;border-radius:50%;box-shadow:0 5px 20px var(--shadow-color);color:var(--secondary-color);cursor:pointer;display:flex;height:120px;justify-content:center;transition:all .2s ease;width:120px}.mic-button:disabled{cursor:not-allowed;opacity:.5}.mic-button:hover:not(:disabled){transform:scale(1.1)}.mic-button.recording{animation:pulse 1.5s infinite;color:#ff4d4d}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff4d4db3}70%{box-shadow:0 0 0 20px #ff4d4d00}to{box-shadow:0 0 0 0 #ff4d4d00}}.command-result-box{background-color:var(--container-bg);border-radius:12px;box-shadow:0 5px 20px var(--shadow-color);min-width:300px;padding:20px 40px}.command-result-box h2{color:var(--primary-color);margin-top:0}.command-text{font-size:2em;font-weight:700;margin:0;text-transform:capitalize}:root{--primary-color:#bb86fc;--secondary-color:#03dac6;--bg-color:#121212;--container-bg:#1e1e1e;--text-color:#fff;--text-secondary-color:#b3b3b3;--border-color:#333;--input-bg:#2c2c2c;--shadow-color:#0006;--button-text-color:#121212}body.light{--primary-color:#6200ee;--secondary-color:#018786;--bg-color:#f0f2f5;--container-bg:#fff;--text-color:#1c1e21;--text-secondary-color:#606770;--border-color:#dddfe2;--input-bg:#f5f6f7;--shadow-color:#00000026;--button-text-color:#fff}body{background-color:#121212;background-color:var(--bg-color);color:#fff;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;transition:background-color .3s,color .3s}*{box-sizing:border-box}
/*# sourceMappingURL=main.24178e1a.css.map*/