.login-main-content {background:#0f1720;color:white;font-family:Arial;min-height:100vh;padding:20px;box-sizing:border-box;}

.login-main-content .login-wrapper {display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 90px);width:100%;}

.login-main-content .container {width:100%;max-width:420px;background:#1e2936;padding:30px;border-radius:12px;border:1px solid #00aeef;box-sizing:border-box;}

.login-main-content h2 {text-align:center;margin-bottom:20px;font-size:28px;}

.login-main-content .field {position:relative;margin-bottom:15px;}

.login-main-content input {width:100%;padding:16px 12px 10px 12px;border-radius:6px;border:1px solid #555;background:#2d3748;color:white;box-sizing:border-box;font-size:16px;}

.login-main-content label {position:absolute;left:12px;top:14px;color:#888;transition:0.2s;pointer-events:none;background:#1e2936;padding:0 4px;}

.login-main-content input:focus + label,
.login-main-content input:not(:placeholder-shown) + label {top:-8px;left:10px;font-size:12px;color:#00aeef;}

.login-main-content button {width:100%;padding:12px;background:#00aeef;border:none;border-radius:6px;color:white;font-weight:bold;cursor:pointer;font-size:16px;}

.login-main-content button:hover {background:#0095cc;}

.login-main-content .message {margin-bottom:15px;text-align:center;}


@media screen and (max-width: 600px) {

.login-main-content {padding:15px;}

.login-main-content .container {padding:20px;border-radius:10px;}

.login-main-content h2 {font-size:24px;}

.login-main-content input {padding:14px 10px 8px 10px;font-size:15px;}

.login-main-content button {font-size:15px;padding:11px;}

}