.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#282c34;color:#fff}.navbar a{color:#fff;text-decoration:none;margin:0 12px;font-weight:500;transition:color .2s ease-in-out}.navbar a:hover{color:#61dafb}.logout-btn{background-color:#e74c3c;color:#fff;border:none;padding:5px 10px;margin-left:10px;cursor:pointer;border-radius:4px}.logout-btn:hover{background-color:#c0392b}.register-container{max-width:400px;margin:40px auto;padding:20px;border:1px solid #ccc;border-radius:12px;background-color:#f9f9f9}.register-container h2{text-align:center;margin-bottom:20px}.register-container form{display:flex;flex-direction:column}.register-container input,.register-container select,.register-container button{margin:8px 0;padding:10px;border-radius:6px;border:1px solid #aaa}.register-container button{background-color:#282c34;color:#fff;cursor:pointer;transition:background-color .2s}.register-container button:hover{background-color:#444c56}.login-container{max-width:400px;margin:40px auto;padding:20px;border:1px solid #ccc;border-radius:12px;background-color:#f9f9f9}.login-container h2{text-align:center;margin-bottom:20px}.login-container form{display:flex;flex-direction:column}.login-container input,.login-container button{margin:8px 0;padding:10px;border-radius:6px;border:1px solid #aaa}.login-container button{background-color:#282c34;color:#fff;cursor:pointer;transition:background-color .2s}.login-container button:hover{background-color:#444c56}