.login-container{background-color:#1a212d;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-wrapper{width:100%;max-width:28rem}.login-header{text-align:center;margin-bottom:2rem}.login-title{color:#dc2828;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.login-subtitle{color:#a6a6a6}.login-card{background-color:#222a3a;border:1px solid #333b4d;border-radius:.5rem;padding:2rem}.tab-buttons{gap:1rem;margin-bottom:1.5rem;display:flex}.tab-button{cursor:pointer;border:none;border-radius:.25rem;flex:1;padding:.5rem 1rem;font-size:1rem;transition:all .2s}.tab-button.active{color:#fff;background-color:#dc2828}.tab-button.inactive{color:#a6a6a6;background-color:#333b4d}.tab-button.inactive:hover{background-color:#333c4dcc}.login-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;display:flex}.form-label{color:#f2f2f2;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{color:#f2f2f2;background-color:#333b4d;border:1px solid #333b4d;border-radius:.25rem;padding:.5rem 1rem}.form-input:focus{outline:none}.submit-button{color:#fff;cursor:pointer;background-color:#dc2828;border:none;border-radius:.25rem;width:100%;padding:.5rem 1rem;font-weight:500;transition:background-color .2s}.submit-button:hover{background-color:#dc2828e6}