*, *::before, *::after { box-sizing: border-box; }
body {
    font-family: 'Inter', -apple-system, sans-serif;
    background: #F4F5F7;
    display: flex; align-items: center; justify-content: center;
    min-height: 100vh; margin: 0; padding: 20px;
}
.login-box {
    background: #fff;
    border: 1px solid #E8EAED;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0,0,0,.07);
    padding: 40px;
    width: 100%; max-width: 380px;
}
.login-logo {
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 28px;
}
.login-logo .icon {
    width: 36px; height: 36px;
    background: linear-gradient(135deg, #4F8EF7, #7B61FF);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 17px;
}
.login-logo .name {
    font-size: 16px; font-weight: 700; color: #111827; letter-spacing: -0.3px;
}
h1 { font-size: 20px; font-weight: 700; color: #111827; margin: 0 0 6px; letter-spacing: -0.4px; }
.subtitle { font-size: 13.5px; color: #9CA3AF; margin: 0 0 28px; }
label { font-size: 13px; font-weight: 500; color: #374151; margin-bottom: 6px; display: block; }
input[type=text], input[type=password] {
    width: 100%; border: 1px solid #D1D5DB; border-radius: 9px;
    padding: 10px 13px; font-size: 14px; color: #111827;
    font-family: inherit; outline: none;
    transition: border-color .14s, box-shadow .14s;
    margin-bottom: 16px;
}
input[type=text]:focus, input[type=password]:focus {
    border-color: #93C5FD;
    box-shadow: 0 0 0 3px rgba(59,130,246,.12);
}
.btn-submit {
    width: 100%; padding: 11px; border: none; border-radius: 9px;
    background: #2563EB; color: #fff;
    font-family: inherit; font-size: 14px; font-weight: 600;
    cursor: pointer; transition: background .14s, box-shadow .14s;
    box-shadow: 0 1px 4px rgba(37,99,235,.3);
    margin-top: 4px;
}
.btn-submit:hover { background: #1D4ED8; box-shadow: 0 2px 10px rgba(37,99,235,.35); }
.alert-err {
    background: #FEE2E2; color: #991B1B; border-radius: 9px;
    padding: 11px 14px; font-size: 13.5px; margin-bottom: 18px;
}