:root { --ican-ink:#22272f; --ican-muted:#6b7280; --ican-line:#e6e8ec; --ican-soft:#f6f7f9; --ican-blue:#cf2d36; --ican-blue-dark:#b7202b; --bs-primary-rgb:207,45,54; }
body { display:flex; flex-direction:column; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; background:radial-gradient(circle at 10% -10%,rgba(207,45,54,.12),transparent 34rem),#fff; }
h1,h2,h3,h4,h5,h6 { font-family:inherit; }
body>header { position:sticky; top:0; z-index:100; }
.app-navbar { margin-bottom:0; min-height:84px; padding:12px 0; border-color:#e6e8ec; background:rgba(255,255,255,.94); box-shadow:0 5px 22px rgba(18,25,35,.035); }
.app-brand { gap:16px; margin-right:32px; font-family:inherit; white-space:nowrap!important; }
.app-brand img { display:block; width:190px; height:auto; }
.app-brand .brand-caption { display:block; width:auto; height:auto; padding-left:16px; border-left:1px solid #e6e8ec; border-radius:0; background:transparent; color:#6b7280; font-size:.78rem; font-weight:500; }
.navbar .nav-link { color:#59616c!important; font-size:.875rem; }
.navbar .nav-link:hover,.navbar .nav-link:focus-visible { color:#cf2d36!important; background:#fff1f2; }
.app-container { flex:1; min-height:calc(100vh - 164px); }
.app-main { padding-top:28px; }
.home-hero { padding:clamp(72px,10vw,140px) 0 100px; max-width:900px; margin:0 auto; }
.home-eyebrow { color:#cf2d36; font-size:.75rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; margin-bottom:24px; }
.home-hero h1 { font-size:clamp(2.6rem,5.5vw,4.8rem); line-height:1.08; font-weight:750; letter-spacing:-.055em; margin-bottom:28px; }
.home-hero h1 span { color:#cf2d36; }
.home-lead { color:#6b7280; font-size:clamp(1rem,1.8vw,1.18rem); line-height:1.8; margin-bottom:34px; }
.home-actions { display:flex; flex-direction:column; align-items:center; gap:20px; }
.home-dashboard-link { color:#6b7280; font-size:.9rem; text-decoration:underline; text-underline-offset:4px; }
.home-dashboard-link:hover { color:#b7202b; }
.btn { font-family:inherit; }
.btn-primary { --bs-btn-bg:#cf2d36; --bs-btn-border-color:#cf2d36; --bs-btn-hover-bg:#b7202b; --bs-btn-hover-border-color:#b7202b; --bs-btn-active-bg:#b7202b; --bs-btn-active-border-color:#b7202b; box-shadow:0 8px 18px rgba(207,45,54,.16); }
.btn-outline-primary { border-color:#d9dde3; color:#383e47; }
.btn-outline-primary:hover { background:#fff1f2; border-color:#cf2d36; color:#b7202b; }
.home-hero .btn { padding:15px 24px; border-radius:14px; font-size:.95rem; }
.app-footer { padding:24px 0; background:#f6f7f9; color:#6b7280; font-size:.78rem; border-color:#e6e8ec; }
.app-footer a { color:#cf2d36; }
.form-label,label { color:#4b5563; }
.form-control:focus,.form-select:focus { box-shadow:0 0 0 3px rgba(207,45,54,.12); }
:focus-visible { outline:3px solid #cf2d36; outline-offset:3px; }
@media(max-width:767px) { .app-navbar { margin-bottom:0; } .app-brand img { width:155px; } .app-brand { gap:10px; margin-right:12px; } .app-brand .brand-caption { padding-left:10px; } .home-hero { padding:70px 8px; } }
@media(max-width:575px) { .home-hero .btn { width:100%; } .home-hero h1 span { display:block; } #public-navigation { padding-top:14px; } }