/* Adapted from platform-web-v2/marketing/style.css; scoped to the Django shell. */
:root { --tblr-primary:#1a2f6e; --tblr-primary-rgb:26,47,110; --tblr-body-color:#1e2640; --tblr-link-color:#1a2f6e; --km-purple:#6b3cf6; }
.km-app { background:#fff; color:#1e2640; }
.km-app .container-xl { max-width:1320px; padding-left:32px; padding-right:32px; }
.km-topbar { background:#f8faff; border-bottom:1px solid #e8ecf8; color:#4a5680; font-size:13px; }
.km-site-header { background:#fff; border-bottom:1px solid #e8ecf8; box-shadow:0 2px 8px rgba(26,47,110,.06); position:sticky; top:0; z-index:100; }
.km-header { padding:14px 0; border:0; border-radius:0; box-shadow:none; }
.km-header .km-logo { width:auto; height:54px; }
.km-header-controls { margin-left:auto; }
.km-header-navigation nav { gap:12px; }
.km-header-navigation .btn-ghost-primary { color:#4a5680; }
.km-app .btn { border-radius:10px; }
.km-app .btn-primary { --tblr-btn-bg:#1a2f6e; --tblr-btn-border-color:#1a2f6e; --tblr-btn-hover-bg:#2952cc; --tblr-btn-hover-border-color:#2952cc; --tblr-btn-active-bg:#1a2f6e; --tblr-btn-active-border-color:#1a2f6e; }
.km-header-signout .btn { color:#fff; background:linear-gradient(135deg,#6b3cf6,#2952cc); border:0; padding:12px 20px; white-space:nowrap; }
.km-main { padding-top:36px; padding-bottom:56px; }
.km-app h1,.km-app h2,.km-app h3 { color:#1a2f6e; letter-spacing:-.025em; }
.km-marketing-footer { padding:60px 0 32px; background:#f8faff; border-top:1px solid #e8ecf8; }
.km-marketing-footer .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr; gap:32px; margin-bottom:40px; }
.km-marketing-footer .footer-logo-img { height:40px; width:auto; margin-bottom:16px; }
.km-marketing-footer .footer-brand p { font-size:13px; color:#4a5680; line-height:1.7; max-width:280px; }
.km-marketing-footer h4 { font-size:13px; font-weight:700; color:#1a2f6e; margin-bottom:14px; text-transform:uppercase; letter-spacing:.5px; }
.km-marketing-footer .footer-col a { display:block; font-size:13px; color:#4a5680; margin-bottom:10px; overflow-wrap:anywhere; }
.km-marketing-footer a:hover { color:#6b3cf6; }
.km-marketing-footer .footer-bottom { border-top:1px solid #d0d8ef; padding-top:24px; text-align:center; }
.km-marketing-footer .footer-bottom p { font-size:12px; color:#4a5680; margin-bottom:4px; }
.km-marketing-footer .footer-disclaimer { max-width:700px; margin:0 auto; }
@media(max-width:991px) { .km-marketing-footer .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .km-marketing-footer .footer-brand { grid-column:1/-1; } }
@media(max-width:575px) { .km-app .container-xl { padding-left:20px; padding-right:20px; } .km-header { gap:12px!important; } .km-header-controls { width:100%; gap:8px!important; } .km-header-navigation nav { gap:2px; } .km-header-navigation .btn { padding:8px; font-size:12px; } .km-header-signout .btn { padding:10px; } .km-marketing-footer .footer-grid { gap:24px; } .km-site-header { position:static; } }