.register-container{background:#fff;color:#222;padding:2rem;border-radius:10px;box-shadow:0 8px 30px #0003;width:100%;max-width:400px;margin:auto;display:flex;flex-direction:column;gap:1.2rem}.register-container h2{margin-bottom:1rem;font-size:1.8rem;text-align:center;color:#111}.register-container form{display:flex;flex-direction:column;gap:1rem}.register-container input{padding:.75rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;transition:border .2s ease}.register-container input:focus{border-color:#007bff;outline:none}.register-container button{padding:.75rem;font-size:1rem;border:none;background-color:#007bff;color:#fff;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.register-container button:hover{background-color:#0056b3}.register-container p{text-align:center;cursor:pointer;color:#007bff;font-size:.95rem}.register-container p:hover{text-decoration:underline}.login-container{background:#fff;color:#222;padding:2rem;border-radius:10px;box-shadow:0 8px 30px #0003;width:100%;max-width:400px;margin:auto;display:flex;flex-direction:column;gap:1.2rem}.login-container h2{margin-bottom:1rem;font-size:1.8rem;text-align:center;color:#111}.login-container form{display:flex;flex-direction:column;gap:1rem}.login-container input{padding:.75rem;border-radius:6px;border:1px solid #ccc;font-size:1rem;transition:border .2s ease}.login-container input:focus{border-color:#28a745;outline:none}.login-container button{padding:.75rem;font-size:1rem;border:none;background-color:#28a745;color:#fff;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.login-container button:hover{background-color:#218838}.login-container p{text-align:center;cursor:pointer;color:#28a745;font-size:.95rem}.login-container p:hover{text-decoration:underline}.profile-setup-container{max-width:400px;margin:80px auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.profile-setup-container h2{font-size:1.8rem;margin-bottom:1.5rem;color:#333}.profile-setup-container form{display:flex;flex-direction:column;gap:1rem}.profile-setup-container input,.profile-setup-container select{padding:12px;font-size:1rem;border:1px solid #ddd;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.profile-setup-container input:focus,.profile-setup-container select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.profile-setup-container button{padding:12px;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.profile-setup-container button:hover{background-color:#0056b3}.profile-setup-container p{margin-bottom:1rem;font-size:.95rem}.video-chat-container{width:100vw;height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;color:#fff;overflow:hidden}.video-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1200px}.video-box{background:#ffffff0d;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:center;flex:1 1 45%;max-width:500px;min-width:300px;padding:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-box video{width:100%;height:300px;background-color:#000;object-fit:cover;border-radius:8px}.video-box p{margin-top:8px;font-weight:700;font-size:1rem;color:#e0e0e0}.controls{margin-top:30px;display:flex;gap:20px}.controls button{padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease;background-color:#4caf50;color:#fff}.controls .stop{background-color:#f44336}.controls button:hover{opacity:.9}@media screen and (max-width: 768px){.video-grid{flex-direction:column;align-items:center}.video-box video{height:200px}.controls{flex-direction:column;width:100%;max-width:300px}.controls button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#fff}#root{height:100%;display:flex;justify-content:center;align-items:center;padding:2rem}