.login-page {background: #0f1720; color: white; font-family: Arial; min-height: 100vh;}

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

.login-page .container {width: 420px; background: #1e2936; padding: 30px; border-radius: 12px; border: 1px solid #00aeef;}

.login-page h2 {text-align: center; margin-bottom: 20px;}

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

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

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

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

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

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

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