:root {
            --surface:#ffffff;
            --surface-soft:#f4f6f8;
            --line:#dfe3ea;
            --text:#15181d;
            --muted:#6c727a;
            --accent:#f16d5b;
            --accent-strong:#ea5a45;
        }
        * { box-sizing: border-box; }
        body { margin: 0; font-family: Inter, system-ui, sans-serif; color: var(--text); background: linear-gradient(180deg, #f7f8fa 0%, #eef1f5 100%); }
        .login-shell {
            min-height: 100vh;
            display: grid;
            place-items: center;
            padding: 32px;
        }
        .login-card {
            width: min(1120px, 100%);
            display: grid;
            grid-template-columns: minmax(360px, 420px) 1fr;
            background: #fff;
            border: 1px solid var(--line);
            box-shadow: 0 18px 50px rgba(17, 24, 39, .08);
            overflow: hidden;
            border-radius: 8px;
        }
        .login-brand {
            background: #080b12;
            color: #fff;
            padding: 44px 40px;
            display:flex;
            flex-direction:column;
            justify-content:space-between;
            gap:24px;
        }
        .brand-mark { width: 14px; height: 14px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 6px rgba(241,109,91,.18); }
        .login-brand h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 3.4rem; line-height: 1; letter-spacing: -.04em; }
        .login-brand p { margin:0; color: rgba(255,255,255,.68); font-size: 1.05rem; line-height: 1.6; }
        .login-form-wrap { padding: 44px 40px; }
        .login-form-wrap h2 { margin:0 0 8px; font-family: Georgia, "Times New Roman", serif; font-size: 2.4rem; }
        .sub { color: var(--muted); margin-bottom: 28px; }
        .field-group { display:flex; flex-direction:column; gap:10px; margin-bottom: 18px; }
        .field-group label { font-size:.85rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
        input {
            width: 100%;
            min-height: 50px;
            padding: 12px 14px;
            border: 1px solid var(--line);
            background: #fff;
            font: inherit;
        }
        .btn {
            appearance:none;
            width:100%;
            min-height:50px;
            border:none;
            background: var(--accent);
            color:#fff;
            font: inherit;
            font-weight:700;
            text-transform:uppercase;
            letter-spacing:.08em;
            cursor:pointer;
        }
        .btn:hover { background: var(--accent-strong); }
        .alert {
            margin-bottom: 18px;
            padding: 14px 16px;
            border: 1px solid #ffd4cc;
            background: #fff5f3;
            color: #8a4338;
        }
        .site-link { margin-top: 22px; color: var(--muted); }
        .site-link a { color: inherit; }
        @media (max-width: 960px) {
            .login-card { grid-template-columns: 1fr; }
        }
.login-logo-heading{margin-top:24px}
.login-brand-intro{margin-top:18px}
.login-alert-list{margin:0;padding-left:18px}

.login-accent{color:var(--accent)}