body.welcome-anonymous { margin:0; padding:0; background:#1a1a2e !important; }
.page-anonymous { background:#1a1a2e !important; min-height:100vh; display:flex; align-items:center; justify-content:center; }
.flex-fill { display:flex !important; align-items:center !important; justify-content:center !important; }
.container-tight { width:100% !important; max-width:900px !important; padding:0 !important; }
.card.main-content-card { background:transparent !important; border:none !important; box-shadow:none !important; }
.card.main-content-card > .card-body { padding:0 !important; }
.card-header, .glpi-logo, .text-muted { display:none !important; }
.rhc-wrapper { display:flex; min-height:560px; border-radius:16px; overflow:hidden; box-shadow:0 8px 40px rgba(0,0,0,0.4); }
.rhc-left { flex:1; background:#e8e6f0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:3rem 2rem; gap:1rem; }
.rhc-logo { width:180px; height:auto; object-fit:contain; }
.rhc-company { font-size:20px; font-weight:500; color:#26215C; letter-spacing:2px; text-align:center; margin-top:0.5rem; }
.rhc-tagline { font-size:13px; color:#6b6b8a; text-align:center; line-height:1.6; max-width:220px; }
.rhc-right { width:420px; background:#1a1a2e; display:flex; align-items:center; justify-content:center; padding:3rem 2.5rem; }
.rhc-right form { width:100%; }
.rhc-accent { width:40px; height:3px; background:#1D9E75; border-radius:2px; margin:0 auto 1.2rem; }
.rhc-title { font-size:20px; font-weight:400; color:#ffffff; text-align:center; margin:0 0 6px; }
.rhc-subtitle { font-size:13px; color:#8b8baa; text-align:center; margin:0 0 2rem; }
.rhc-field { margin-bottom:1.2rem; }
.rhc-field label { display:block; font-size:11px; font-weight:500; color:#8b8baa; letter-spacing:0.8px; margin-bottom:6px; }
.rhc-field input { width:100%; height:42px; background:#252540; border:1px solid #2e2e4a; border-radius:8px; padding:0 12px; font-size:14px; color:#ffffff; box-sizing:border-box; outline:none; }
.rhc-field input:focus { border-color:#534AB7; box-shadow:0 0 0 2px rgba(83,74,183,0.2); }
.rhc-forgot { display:block; text-align:right; font-size:12px; color:#1D9E75; margin-bottom:1rem; text-decoration:none; }
.rhc-btn { width:100%; height:42px; background:#534AB7; color:#ffffff; border:none; border-radius:8px; font-size:14px; font-weight:500; cursor:pointer; margin-top:0.5rem; }
.rhc-btn:hover { background:#7F77DD; }
.rhc-footer { font-size:11px; color:#4a4a6a; text-align:center; margin-top:1.5rem; }

.rhc-logo { width: 220px !important; }
.rhc-field input { background: #252540 !important; color: #ffffff !important; border: 1px solid #2e2e4a !important; }
.rhc-field input::placeholder { color: #4a4a6a !important; }

.rhc-logo { width: 260px !important; }

.rhc-field input { background: #ffffff !important; color: #111827 !important; border: 1px solid #e5e7eb !important; }
.rhc-field input::placeholder { color: #9ca3af !important; }

@media (max-width: 768px) {
    .rhc-wrapper {
        flex-direction: column !important;
        min-height: 100vh !important;
        border-radius: 0 !important;
    }
    .rhc-left {
        padding: 2rem 1.5rem !important;
        min-height: auto !important;
    }
    .rhc-logo {
        width: 160px !important;
    }
    .rhc-right {
        width: 100% !important;
        padding: 2rem 1.5rem !important;
        border-radius: 0 !important;
    }
    .container-tight {
        padding: 0 !important;
        max-width: 100% !important;
    }
}

@media (max-width: 900px) {
    .rhc-wrapper {
        flex-direction: column !important;
        min-height: 100vh !important;
        border-radius: 0 !important;
        width: 100% !important;
    }
    .rhc-left {
        width: 100% !important;
        min-height: auto !important;
        padding: 2rem 1.5rem !important;
        border-radius: 0 !important;
    }
    .rhc-right {
        width: 100% !important;
        min-height: auto !important;
        padding: 2rem 1.5rem !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }
    .rhc-field input {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .rhc-btn {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .container-tight {
        max-width: 100% !important;
        padding: 0 !important;
    }
}