body { font-family: 'Cairo', Arial, sans-serif !important; }
body:has(#main_container) { background: #f5f7fa !important; }
body:has(#main_container) .app-content { background: transparent !important; }
body:has(#main_container) .content-wrapper { max-width: 980px; margin: 0 auto !important; padding: 44px 20px; }
body:has(#main_container) #main_container { width: min(100%, 520px) !important; }
body:has(#main_container) .card { background: #fff; border: 1px solid #e6e9ef; border-radius: 14px; box-shadow: 0 14px 38px rgba(35, 50, 72, .08); padding: 28px !important; }
body:has(#main_container) input { width: 100%; padding: 9px 12px; border: 1px solid #cbd4df; border-radius: 6px; }
body:has(#main_container) .btn-primary { background: #245c99; border-color: #245c99; padding: 9px 22px; }
body:has(#main_container) .content-wrapper > .row:first-child img { max-width: 180px; }
@media(max-width: 700px) { body:has(#main_container) .content-wrapper { padding: 24px 14px; } }