img { margin-left: auto; margin-right: auto; display: block; }
a { text-decoration: none; }

body { background: var(--bg-color); }
.login-wrapper { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.2rem; padding: 1.5rem 1rem; width: 100%; }

html body #login-box {
    position: static; transform: none; margin: 0;
    width: 100%; max-width: 25rem; padding: 2rem 2rem 1.6rem;
    background: var(--surface); border: 1px solid var(--border-color); border-radius: 20px;
    box-shadow: 0 12px 40px rgba(15, 17, 23, .08);
}
.login-logo { margin-bottom: 1rem; }
.login-title { font-size: 1.6rem; font-weight: 600; text-align: center; margin: 0; color: var(--text-dark); letter-spacing: -.01em; }
.login-sub { text-align: center; color: var(--text-soft); margin: .2rem 0 1.4rem; }

.login-label { display: block; font-size: .82rem; font-weight: 600; color: var(--text-mid); margin: 0 0 .3rem; }
.login-field { position: relative; margin-bottom: 1rem; }
.login-field > .bi { position: absolute; left: .85rem; top: 50%; transform: translateY(-50%); color: var(--text-muted); pointer-events: none; }
.login-field .form-control { padding: .65rem .9rem .65rem 2.4rem; border-radius: 10px; }
.login-eye { position: absolute; right: .35rem; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: var(--text-muted); padding: .35rem .55rem; border-radius: 8px; }
.login-eye:hover { color: var(--text-dark); background: var(--surface-hover); }

.login-remember { padding-left: 2.6em; margin: .2rem 0 1.2rem; color: var(--text-mid); }
.login-remember .form-check-input { cursor: pointer; }
.login-submit { width: 100%; padding: .7rem; border-radius: 10px; font-weight: 600; }

html body .login-message { position: static; margin-top: 0; display: flex; gap: .5rem; align-items: center; padding: .6rem .8rem; border-radius: 10px; font-size: .9rem; margin: 0 0 1.1rem; }
.login-error { background: #fde2e4; color: #7a1f2b; }
.login-info { background: #d1e7dd; color: #14532d; }
.login-powered { color: var(--text-muted); font-size: .8rem; }
.login-powered strong { color: var(--text-mid); }