header, header + .content { display: none; }
html, body { background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf5 100%); min-height: 100vh; overflow: hidden; }
.login-container { max-width: 360px; margin: 60px auto 0; padding: 40px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.login-container .logo { display: block; width: 200px; height: auto; margin: 0 auto 28px; }
.login-container h1 { text-align: center; font-size: 1.4em; margin-bottom: 6px; }
.login-container p { text-align: center; color: #666; margin-bottom: 28px; }
.login-container label { display: block; margin-bottom: 6px; font-weight: 500; }
.login-container input[type="text"],
.login-container input[type="password"] { margin-bottom: 18px; padding: 12px; border-radius: 6px; }
.login-container input[type="text"]:focus,
.login-container input[type="password"]:focus { border-color: #99CCFF; box-shadow: 0 0 0 3px rgba(153,204,255,0.3); }
.login-container .btn { width: 100%; padding: 12px; background: #99CCFF; border-radius: 6px; }
.login-container .btn:hover { background: #7ab8f5; }
footer { background: transparent !important; text-align: center; padding: 0; }