:root {
    color-scheme: light;
    font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
    background: #edf7f4;
    color: #183b35;
}

body {
    min-height: 100vh;
    margin: 0;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at top, #fff 0, #edf7f4 55%, #dceee8 100%);
}

.login-card {
    width: min(380px, calc(100vw - 48px));
    padding: 32px;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(24, 59, 53, 0.14);
}

.login-brand { color: #16806c; font-weight: 800; }
h1 { margin: 10px 0 6px; }
p { margin: 0 0 22px; color: #64748b; font-size: 14px; }
label { display: block; margin: 14px 0 6px; font-size: 13px; font-weight: 700; }
input[type="text"], input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    padding: 11px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
}
button {
    width: 100%;
    margin-top: 20px;
    padding: 11px;
    border: 0;
    border-radius: 9px;
    background: #16806c;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}
.login-error { padding: 10px; border-radius: 8px; background: #fee2e2; color: #991b1b; font-size: 13px; }