:root{--bg-color: #1a1a2e;--card-bg: #16213e;--primary: #e94560;--text: #ffffff;--text-dim: #888888;--input-bg: #0f3460;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text);font-family:var(--font-family);height:100vh;display:flex;flex-direction:column}#root{height:100%}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px}.auth-card{background-color:var(--card-bg);padding:40px;border-radius:20px;width:100%;max-width:400px;box-shadow:0 10px 30px #00000080}.auth-title{font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.form-group{margin-bottom:20px}input{width:100%;padding:15px;border-radius:10px;border:none;background-color:var(--input-bg);color:#fff;font-size:16px;outline:none}input:focus{box-shadow:0 0 0 2px var(--primary)}.btn{width:100%;padding:15px;border-radius:10px;border:none;background-color:var(--primary);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.auth-link{margin-top:20px;color:var(--text-dim);text-align:center;cursor:pointer;text-decoration:none;display:block}.auth-link:hover{color:var(--text)}.home-container{display:flex;flex-direction:column;height:100%}.header{padding:20px;display:flex;justify-content:space-between;align-items:center}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.logo{height:80px;margin-bottom:20px;max-width:100%;object-fit:contain}@media(max-width:768px){.logo{height:60px}}@media(max-width:480px){.logo{height:50px;margin-bottom:15px}}.auth-logo{height:40px;margin-bottom:20px;object-fit:contain}.call-logo{height:30px;object-fit:contain}.subtitle{color:var(--text-dim);margin-bottom:40px}.matching-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.spinner{width:50px;height:50px;border:5px solid rgba(233,69,96,.3);border-top:5px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.call-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.avatar{width:150px;height:150px;border-radius:75px;background-color:var(--primary);display:flex;justify-content:center;align-items:center;font-size:60px;margin-bottom:20px}.call-name{font-size:24px;font-weight:700;margin-bottom:10px}.call-status{color:var(--text-dim);font-size:18px;margin-bottom:100px}.controls{display:flex;gap:20px}.control-btn{padding:15px 30px;border-radius:30px;border:none;background-color:#333;color:#fff;font-weight:700;cursor:pointer;min-width:120px}.control-btn.muted{background-color:#555}.control-btn.end{background-color:var(--primary)}