body{font-family:sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4;margin:0}.login-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:300px}h1{text-align:center;margin-bottom:1.5rem;color:#2b2d42}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;color:#8d99ae}input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{width:100%;padding:.7rem;background-color:#00a896;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}button:hover{background-color:#02c39a}#error-message{color:red;text-align:center;margin-top:1rem;min-height:1em}.tabs{display:flex;border-bottom:1px solid #ccc;margin-bottom:1.5rem}.tab-btn{background:none;border:none;padding:1rem;font-size:1rem;cursor:pointer;flex-grow:1}.tab-btn.active{border-bottom:3px solid #00A896;font-weight:700}#message{color:green;text-align:center;margin-top:1rem;min-height:1em}