@import url("/Ivasha-Design-System-Fonts.css");

#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.button1 {
    box-shadow: 0 9px 18px 0 #333333, 0 8px 24px 0 #333333;
     }
     
:root {
    --portalThemeColor1: #018282;
    --portalThemeColor2: #026680;
    --portalThemeColor3: #C3C8C8;
    --portalThemeColor4: #04779F;
    --portalThemeColor5: #A5BBB0;
    --portalThemeColor6: #438699;
    --portalThemeColor7: #323d5e;
    --portalThemeColor8: #f5ffff;
    --portalThemeColor9: #055E86;
    --portalThemeColor10: ;
    --portalThemeColor11: ;
    --portalThemeColor12: ;
    --portalThemeOnColor1: #ff5fff;
    --portalThemeOnColor2: #f5ffff;
    --portalThemeOnColor3: #32355e;
    --portalThemeOnColor4: #ff5fff;
    --portalThemeOnColor5: #32355e;
    --portalThemeOnColor6: #4ff5ff;
    --portalThemeOnColor7: #f4f5f5;
    --portalThemeOnColor8: #323d5e;
    --portalThemeOnColor9: #f4f5ff;
    --portalThemeOnColor10: ;
    --portalThemeOnColor11: ;
    --portalThemeOnColor12: ; }

:root {
    --iva-color-brand-teal: var(--portalThemeColor1, #018282);
    --iva-color-brand-blue: var(--portalThemeColor9, #055E86);
    --iva-color-brand-ink: var(--portalThemeColor7, #323D5E);
    --iva-color-brand-mist: var(--portalThemeColor8, #F5FFFF);
    --iva-color-surface-canvas: #F7FAFB;
    --iva-color-surface-panel: #FFFFFF;
    --iva-color-accent-magenta: #B23A9A;
    --iva-color-status-warning: #B7791F;
    --iva-color-status-success: #287D57;
    --iva-color-status-danger: #B6403A;
    --iva-color-text: #1F2A37;
    --iva-color-text-muted: #52616D;
    --iva-radius-control: 4px;
    --iva-radius-panel: 8px;
    --iva-motion-focus: 120ms ease-out;
    --iva-font-display: "EB Garamond", Georgia, serif;
    --iva-font-body: "Segoe UI", Arial, sans-serif;
    --iva-font-mono: "Cascadia Mono", Consolas, monospace;
}

body {
    background: var(--iva-color-surface-canvas);
    color: var(--iva-color-text);
    font-family: var(--iva-font-body);
}

a {
    color: var(--iva-color-brand-blue);
}

a:hover,
a:focus {
    color: var(--iva-color-brand-teal);
}

.iva-auth-surface,
.iva-access-request-surface {
    background: linear-gradient(180deg, #ffffff 0%, var(--iva-color-surface-canvas) 100%);
}

.iva-auth-panel,
.iva-access-request-panel,
.iva-registration-closed {
    background: var(--iva-color-surface-panel);
    border: 1px solid rgba(50, 61, 94, 0.14);
    border-radius: var(--iva-radius-panel);
    box-shadow: 0 10px 26px rgba(31, 42, 55, 0.08);
}

.iva-auth-panel,
.iva-access-request-panel {
    margin: 1rem auto 2rem;
    max-width: 920px;
    padding: 1.5rem;
}

.iva-auth-panel h1,
.iva-access-request-panel h1 {
    color: var(--iva-color-brand-ink);
    font-family: var(--iva-font-display);
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 0;
}

.iva-auth-copy,
.iva-access-request-copy {
    color: var(--iva-color-text-muted);
    font-size: 1.05rem;
    line-height: 1.55;
    max-width: 72ch;
}

.iva-auth-action,
.iva-access-request-action {
    border-left: 4px solid var(--iva-color-brand-teal);
    padding-left: 1rem;
}

.iva-registration-closed {
    border-left: 4px solid var(--iva-color-status-warning);
    color: var(--iva-color-brand-ink);
    margin: 1rem 0;
    padding: 1rem 1.25rem;
}

.btn-primary,
.button1,
.iva-auth-panel button,
.iva-access-request-panel button,
.iva-auth-panel input[type="submit"],
.iva-access-request-panel input[type="submit"] {
    background-color: var(--iva-color-brand-teal);
    border-color: var(--iva-color-brand-teal);
    border-radius: var(--iva-radius-control);
    color: var(--iva-color-brand-mist);
    font-family: var(--iva-font-body);
    transition: background-color var(--iva-motion-focus), border-color var(--iva-motion-focus), box-shadow var(--iva-motion-focus);
}

.btn-primary:hover,
.button1:hover,
.iva-auth-panel button:hover,
.iva-access-request-panel button:hover,
.iva-auth-panel input[type="submit"]:hover,
.iva-access-request-panel input[type="submit"]:hover {
    background-color: var(--iva-color-brand-blue);
    border-color: var(--iva-color-brand-blue);
    color: var(--iva-color-brand-mist);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--iva-color-accent-magenta);
    outline-offset: 2px;
}

/* Ivasha Fluent experience layer. Tokens follow Fluent sizing, depth, state,
   and focus conventions while remaining governed by ConfigurationMDM. */
:root {
    --iva-fluent-color-neutral-background-1: #ffffff;
    --iva-fluent-color-neutral-background-2: #f5f7f8;
    --iva-fluent-color-neutral-background-3: #eef2f4;
    --iva-fluent-color-neutral-stroke-1: #d1d9dd;
    --iva-fluent-color-neutral-stroke-2: #e4e9eb;
    --iva-fluent-color-neutral-foreground-1: #18272f;
    --iva-fluent-color-neutral-foreground-2: #4d606a;
    --iva-fluent-color-brand-background: #006f70;
    --iva-fluent-color-brand-background-hover: #005b5c;
    --iva-fluent-color-brand-foreground: #006f70;
    --iva-fluent-color-focus-stroke: #0f6cbd;
    --iva-fluent-radius-small: 4px;
    --iva-fluent-radius-medium: 8px;
    --iva-fluent-radius-large: 12px;
    --iva-fluent-shadow-2: 0 2px 4px rgba(0,0,0,.08);
    --iva-fluent-shadow-8: 0 8px 24px rgba(20,43,54,.12);
    --iva-fluent-duration-fast: 100ms;
    --iva-fluent-duration-normal: 200ms;
}

html { color-scheme: light; scroll-behavior: smooth; }
body { background: var(--iva-fluent-color-neutral-background-2); color: var(--iva-fluent-color-neutral-foreground-1); font-family: "Source Sans 3", "Segoe UI", sans-serif; font-size: 16px; line-height: 1.5; }
main, #mainContent { min-height: 40vh; }
.container { max-width: 1200px; }

.navbar.navbar-inverse { background: rgba(255,255,255,.96); border: 0; border-bottom: 1px solid var(--iva-fluent-color-neutral-stroke-2); box-shadow: var(--iva-fluent-shadow-2); color: var(--iva-fluent-color-neutral-foreground-1); margin-bottom: 0; }
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand { color: var(--iva-fluent-color-neutral-foreground-1) !important; }
.navbar-inverse .navbar-nav > li > a { border-radius: var(--iva-fluent-radius-medium); font-weight: 600; margin: 6px 2px; min-height: 40px; padding: 10px 12px; }
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .active > a { background: #e6f4f3; color: #005b5c !important; }
.navbar-inverse .navbar-toggle { border-color: var(--iva-fluent-color-neutral-stroke-1); }
.navbar-inverse .navbar-toggle .icon-bar { background: var(--iva-fluent-color-neutral-foreground-1); }
.dropdown-menu { border: 1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius: var(--iva-fluent-radius-medium); box-shadow: var(--iva-fluent-shadow-8); padding: 6px; }
.dropdown-menu > li > a { border-radius: 6px; color: var(--iva-fluent-color-neutral-foreground-1); min-height: 36px; padding: 8px 10px; }

h1, h2, h3 { color: var(--iva-fluent-color-neutral-foreground-1); text-wrap: balance; }
h1 { font-family: var(--iva-font-display); font-weight: 600; letter-spacing: -.01em; }
.page-header { border-color: var(--iva-fluent-color-neutral-stroke-2); }
.breadcrumb { background: transparent; color: var(--iva-fluent-color-neutral-foreground-2); padding-left: 0; }

.btn, button, input[type="button"], input[type="submit"] { border-radius: var(--iva-fluent-radius-medium); font-weight: 650; min-height: 40px; padding: 8px 16px; transition: background var(--iva-fluent-duration-fast), border-color var(--iva-fluent-duration-fast), box-shadow var(--iva-fluent-duration-fast); }
.btn-primary, input[type="submit"].btn-primary { background: var(--iva-fluent-color-brand-background); border-color: var(--iva-fluent-color-brand-background); color: #fff; }
.btn-primary:hover, .btn-primary:focus { background: var(--iva-fluent-color-brand-background-hover); border-color: var(--iva-fluent-color-brand-background-hover); }
.btn-default { background: #fff; border-color: var(--iva-fluent-color-neutral-stroke-1); color: var(--iva-fluent-color-neutral-foreground-1); }
.btn-default:hover, .btn-default:focus { background: var(--iva-fluent-color-neutral-background-3); border-color: #aab8be; }

.form-control, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea { background:#fff; border:1px solid #85969e; border-radius:var(--iva-fluent-radius-medium); box-shadow:none; color:var(--iva-fluent-color-neutral-foreground-1); min-height:40px; padding:8px 10px; }
.form-control:hover, input:hover, select:hover, textarea:hover { border-color:#53666f; }
.form-control:focus, input:focus, select:focus, textarea:focus { border-color:var(--iva-fluent-color-focus-stroke); box-shadow:0 0 0 1px var(--iva-fluent-color-focus-stroke); outline:0; }
label { color:var(--iva-fluent-color-neutral-foreground-1); font-weight:650; }
.help-block, .description { color:var(--iva-fluent-color-neutral-foreground-2); }

.panel, .card, .list-group, .entitylist, .crmEntityFormView { background:var(--iva-fluent-color-neutral-background-1); border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:var(--iva-fluent-radius-large); box-shadow:var(--iva-fluent-shadow-2); }
.panel-heading { background:var(--iva-fluent-color-neutral-background-2) !important; border-color:var(--iva-fluent-color-neutral-stroke-2) !important; border-radius:var(--iva-fluent-radius-large) var(--iva-fluent-radius-large) 0 0; font-weight:650; }
.table { background:#fff; }
.table > thead > tr > th { background:var(--iva-fluent-color-neutral-background-2); border-bottom:1px solid var(--iva-fluent-color-neutral-stroke-1); color:var(--iva-fluent-color-neutral-foreground-1); }
.table > tbody > tr > td { border-color:var(--iva-fluent-color-neutral-stroke-2); }
.alert { border-radius:var(--iva-fluent-radius-medium); border-width:1px 1px 1px 4px; }

/* Governed sign-in composition. The template carries semantic structure only;
   ConfigurationMDM tokens and this shared Fluent projection own its appearance. */
.iva-signin { color:var(--iva-fluent-color-neutral-foreground-1); margin:clamp(2rem,6vw,5rem) auto; max-width:920px; padding:0 1.25rem; }
.iva-signin__hero { align-items:center; display:grid; gap:clamp(1.5rem,4vw,3rem); grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr); }
.iva-signin__intro { max-width:720px; }
.iva-signin__art { height:auto; max-width:100%; }
.iva-signin__eyebrow { color:var(--iva-fluent-color-brand-foreground); font-size:.82rem; font-weight:750; letter-spacing:.11em; margin:0 0 .75rem; text-transform:uppercase; }
.iva-signin h1 { font-family:var(--iva-font-display); font-size:clamp(2.25rem,5vw,4rem); line-height:1.02; margin:0; text-wrap:balance; }
.iva-signin__lede { color:var(--iva-fluent-color-neutral-foreground-2); font-size:clamp(1rem,2vw,1.18rem); line-height:1.65; margin:1.25rem 0 2rem; }
.iva-signin__choices { display:grid; gap:1rem; }
.iva-signin-card { align-items:center; background:var(--iva-fluent-color-neutral-background-1); border:1px solid var(--iva-fluent-color-neutral-stroke-1); border-radius:var(--iva-fluent-radius-large); color:inherit !important; display:grid; gap:1rem; grid-template-columns:auto 1fr auto; min-height:112px; padding:1.25rem; position:relative; text-decoration:none !important; transition:border-color var(--iva-fluent-duration-normal),box-shadow var(--iva-fluent-duration-normal),transform var(--iva-fluent-duration-normal); }
.iva-signin-card:hover { border-color:var(--iva-fluent-color-brand-background); box-shadow:var(--iva-fluent-shadow-8); color:inherit; transform:translateY(-2px); }
.iva-signin-card:focus-visible { outline:3px solid var(--iva-fluent-color-focus-stroke); outline-offset:3px; }
.iva-signin-card--primary { border-color:var(--iva-fluent-color-brand-background); }
.iva-signin-card__badge { background:#d9f3f1; border-radius:999px; color:#064f50; font-size:.72rem; font-weight:750; padding:.35rem .65rem; position:absolute; right:1rem; top:-.7rem; }
.iva-signin-card__icon { align-items:center; background:linear-gradient(145deg,var(--iva-fluent-color-brand-background),var(--iva-color-brand-blue)); border-radius:var(--iva-fluent-radius-large); color:#fff; display:flex; height:56px; justify-content:center; width:56px; }
.iva-signin-card__glyph { fill:currentColor; height:28px; width:28px; }
.iva-signin-card__body { display:grid; gap:.35rem; }
.iva-signin-card__body strong { font-size:1.12rem; }
.iva-signin-card__body span { color:var(--iva-fluent-color-neutral-foreground-2); line-height:1.45; }
.iva-signin-card__arrow { color:var(--iva-fluent-color-brand-foreground); font-size:1.8rem; }
.iva-signin__help { background:var(--iva-fluent-color-neutral-background-3); border-left:4px solid var(--iva-color-brand-blue); border-radius:var(--iva-fluent-radius-large); margin-top:1.5rem; padding:1.25rem 1.4rem; }
.iva-signin__help h2 { font-size:1.05rem; margin:0 0 .35rem; }
.iva-signin__help p { color:var(--iva-fluent-color-neutral-foreground-2); margin:.25rem 0 1rem; }
.iva-signin__actions { align-items:center; display:flex; flex-wrap:wrap; gap:1rem; }
.iva-button { border-radius:var(--iva-fluent-radius-medium); display:inline-flex; font-weight:700; min-height:40px; padding:.7rem 1rem; text-decoration:none !important; }
.iva-button--secondary { background:var(--iva-color-brand-blue); color:#fff !important; }
.iva-button--secondary:hover, .iva-button--secondary:focus { background:var(--iva-fluent-color-brand-background-hover); color:#fff !important; }
.iva-link { color:var(--iva-color-brand-blue); font-weight:700; }
.iva-signin__privacy { color:var(--iva-fluent-color-neutral-foreground-2); font-size:.82rem; line-height:1.5; margin:1.25rem 0 0; }

/* Reusable page families for capability landings and ecosystem gateways. */
.iva-landing { margin:0 auto; max-width:1200px; padding:clamp(1.5rem,4vw,3rem) 1.25rem; }
.iva-landing__hero { align-items:center; background:linear-gradient(135deg,#fff 0%,#eaf6f5 100%); border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:20px; display:grid; gap:clamp(1.5rem,5vw,4rem); grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr); overflow:hidden; padding:clamp(1.5rem,5vw,4rem); }
.iva-landing__hero--compact { padding-block:clamp(1.5rem,4vw,3rem); }
.iva-landing__hero-copy { max-width:720px; }
.iva-landing__hero h1 { font-size:clamp(2.5rem,5vw,4.5rem); line-height:1.02; margin:.25rem 0 1rem; }
.iva-landing__lede { color:var(--iva-fluent-color-neutral-foreground-2); font-size:clamp(1.05rem,2vw,1.25rem); line-height:1.65; }
.iva-landing__hero-art { height:auto; max-width:100%; }
.iva-action-row { align-items:center; display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }
.iva-button--outline { background:#fff; border:1px solid var(--iva-fluent-color-neutral-stroke-1); color:var(--iva-fluent-color-neutral-foreground-1) !important; }
.iva-button--outline:hover, .iva-button--outline:focus { background:var(--iva-fluent-color-neutral-background-3); border-color:#85969e; color:var(--iva-fluent-color-neutral-foreground-1) !important; }
.iva-search-band { background:#132830; border-radius:var(--iva-fluent-radius-large); color:#fff; margin:1.5rem 0; padding:clamp(1.25rem,4vw,2rem); }
.iva-search-band h2, .iva-search-band p, .iva-search-band label { color:#fff; }
.iva-search-band h2 { margin-top:0; }
.iva-content-section { margin:clamp(2.5rem,6vw,5rem) 0; }
.iva-section-heading { align-items:end; display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; justify-content:space-between; margin-bottom:1.25rem; }
.iva-section-heading .iva-eyebrow { flex-basis:100%; margin:0; }
.iva-section-heading h2 { margin:0; }
.iva-section-heading > a { font-weight:700; }
.iva-content-grid { display:grid; gap:1rem; }
.iva-content-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.iva-content-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.iva-content-card { background:#fff; border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:var(--iva-fluent-radius-large); box-shadow:var(--iva-fluent-shadow-2); min-width:0; padding:clamp(1.1rem,3vw,1.75rem); }
.iva-content-card h3 { margin-top:0; }
.iva-content-card > a { font-weight:700; }
.iva-content-card--list { overflow-x:auto; }
.iva-content-card .panel, .iva-content-card .list-group { border:0; box-shadow:none; margin-bottom:0; }
.iva-governed-cta { align-items:center; background:#e6f4f3; border:1px solid #b7ddda; border-radius:var(--iva-fluent-radius-large); display:flex; gap:1.5rem; justify-content:space-between; margin:clamp(2.5rem,6vw,5rem) 0 0; padding:clamp(1.25rem,4vw,2rem); }
.iva-governed-cta h2 { margin:.2rem 0 .5rem; }
.iva-governed-cta p:last-child { margin-bottom:0; }
.iva-gateway { align-items:center; background:#fff; border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:20px; box-shadow:var(--iva-fluent-shadow-2); display:grid; gap:clamp(1.5rem,5vw,4rem); grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); margin:clamp(2rem,6vw,5rem) auto; max-width:920px; padding:clamp(1.5rem,5vw,3.5rem); }
.iva-gateway__art { height:auto; max-width:280px; width:100%; }
.iva-gateway__note { color:var(--iva-fluent-color-neutral-foreground-2); font-size:.92rem; margin:1rem 0 0; }
.iva-workspace { margin:clamp(2rem,6vw,5rem) auto; max-width:1040px; padding:0 1.25rem; }
.iva-workspace__header { background:linear-gradient(135deg,#fff 0%,#eef8f7 100%); border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:var(--iva-fluent-radius-large); padding:clamp(1.25rem,4vw,2.5rem); }
.iva-workspace__header h1 { font-size:clamp(2.25rem,5vw,4rem); margin:.2rem 0 .75rem; }
.iva-workspace__header > p:last-of-type { color:var(--iva-fluent-color-neutral-foreground-2); font-size:1.05rem; max-width:70ch; }
.iva-workspace__content { background:#fff; border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:var(--iva-fluent-radius-large); box-shadow:var(--iva-fluent-shadow-2); margin-top:1rem; min-width:0; overflow-x:auto; padding:clamp(1rem,3vw,1.75rem); }
.iva-workspace__notice { align-items:start; background:var(--iva-fluent-color-neutral-background-3); border-left:4px solid var(--iva-fluent-color-brand-background); border-radius:var(--iva-fluent-radius-medium); display:grid; gap:.25rem; margin-top:1rem; padding:1rem 1.25rem; }
.iva-workspace__notice span { color:var(--iva-fluent-color-neutral-foreground-2); }
.iva-quarantine { background:#fff; border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-left:5px solid var(--iva-color-status-warning); border-radius:var(--iva-fluent-radius-large); box-shadow:var(--iva-fluent-shadow-2); margin:clamp(2rem,6vw,5rem) auto; max-width:760px; padding:clamp(1.5rem,5vw,3rem); }
.iva-quarantine h1 { margin:.2rem 0 .75rem; }
.iva-quarantine > p:not(.iva-eyebrow) { color:var(--iva-fluent-color-neutral-foreground-2); font-size:1.05rem; max-width:65ch; }
.iva-state-page { background:#fff; border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:20px; box-shadow:var(--iva-fluent-shadow-2); margin:clamp(2rem,6vw,5rem) auto; max-width:820px; padding:clamp(1.5rem,5vw,3.5rem); text-align:center; }
.iva-state-page__art { height:auto; margin:0 auto 1rem; max-width:220px; width:100%; }
.iva-state-page h1 { margin:.2rem 0 .75rem; }
.iva-state-page > p:not(.iva-eyebrow) { color:var(--iva-fluent-color-neutral-foreground-2); font-size:1.05rem; margin-inline:auto; max-width:62ch; }
.iva-state-page .iva-action-row { justify-content:center; }
.iva-policy { margin:clamp(2rem,6vw,5rem) auto; max-width:900px; padding:0 1.25rem; }
.iva-policy__header { border-bottom:1px solid var(--iva-fluent-color-neutral-stroke-2); margin-bottom:1.25rem; padding-bottom:1.25rem; }
.iva-policy__header h1 { font-size:clamp(2.5rem,5vw,4rem); margin:.2rem 0 .75rem; }
.iva-policy__header > p:last-child { color:var(--iva-fluent-color-neutral-foreground-2); font-size:1.1rem; }
.iva-policy__content { background:#fff; border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:var(--iva-fluent-radius-large); box-shadow:var(--iva-fluent-shadow-2); margin-top:1rem; padding:clamp(1.25rem,4vw,2.5rem); }
.iva-policy__content section + section { border-top:1px solid var(--iva-fluent-color-neutral-stroke-2); margin-top:1.75rem; padding-top:1.75rem; }
.iva-policy__content h2 { margin-top:0; }
.iva-policy__content li + li { margin-top:.5rem; }
.iva-context-header { background:var(--iva-fluent-color-neutral-background-3); border-left:4px solid var(--iva-fluent-color-brand-background); border-radius:var(--iva-fluent-radius-medium); margin:1rem 0; padding:1rem 1.25rem; }
.iva-context-header > p:last-child { color:var(--iva-fluent-color-neutral-foreground-2); margin-bottom:0; }

.iva-profile-intro { align-items:center; background:linear-gradient(135deg,#fff 0%,#eef8f7 100%); border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:16px; display:grid; gap:clamp(1rem,4vw,3rem); grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr); margin:2rem 0 1rem; overflow:hidden; padding:clamp(1.25rem,4vw,2.5rem); }
.iva-profile-intro__copy p { color:var(--iva-fluent-color-neutral-foreground-2); font-size:1.05rem; max-width:65ch; }
.iva-profile-intro__art { height:auto; max-width:260px; width:100%; }
.iva-eyebrow { color:var(--iva-fluent-color-brand-foreground) !important; font-size:.78rem !important; font-weight:750; letter-spacing:.11em; text-transform:uppercase; }
.iva-profile-guidance { display:grid; gap:1px; grid-template-columns:repeat(3,1fr); margin:0 0 1.5rem; overflow:hidden; border:1px solid var(--iva-fluent-color-neutral-stroke-2); border-radius:var(--iva-fluent-radius-large); }
.iva-profile-guidance > div { background:#fff; display:grid; gap:.35rem; padding:1rem; }
.iva-profile-guidance span { color:var(--iva-fluent-color-neutral-foreground-2); font-size:.92rem; }

footer, .footer { background:#132830; color:#e9f2f4; margin-top:4rem; }
footer a, .footer a { color:#b9e8e4; }
.iva-site-header .divider-vertical { display:none; }
.iva-icon { display:inline-block; height:20px; vertical-align:middle; width:20px; }
.iva-site-footer { background:#132830; color:#e9f2f4; padding:2.5rem 0; }
.iva-site-footer__grid { align-items:start; display:grid; gap:2rem; grid-template-columns:1.25fr 1fr auto; }
.iva-site-footer__home { align-items:center; color:#fff !important; display:inline-flex; font-family:var(--iva-font-display); font-size:1.5rem; font-weight:650; gap:.75rem; text-decoration:none !important; }
.iva-site-footer__logo { height:48px; object-fit:contain; width:48px; }
.iva-site-footer__brand p, .iva-site-footer__meta p { color:#c7d7dc; margin:.75rem 0 0; }
.iva-site-footer__nav { display:grid; gap:.55rem; grid-template-columns:repeat(2,minmax(120px,1fr)); }
.iva-site-footer__nav a, .iva-site-footer__meta a { color:#d3f2ef; font-weight:600; }
.iva-site-footer__meta { text-align:right; }
.iva-site-footer__access { background:#d9f3f1; border-radius:var(--iva-fluent-radius-medium); color:#064f50 !important; display:inline-flex; padding:.65rem .9rem; text-decoration:none !important; }

@media (max-width:767px) { .iva-signin__hero, .iva-landing__hero, .iva-gateway { grid-template-columns:1fr; } .iva-signin__art, .iva-landing__hero-art, .iva-gateway__art { max-width:280px; order:-1; } .iva-signin-card { grid-template-columns:auto 1fr; } .iva-signin-card__arrow { display:none; } .iva-content-grid--two, .iva-content-grid--three { grid-template-columns:1fr; } .iva-governed-cta { align-items:flex-start; flex-direction:column; } .iva-profile-intro { grid-template-columns:1fr; } .iva-profile-intro__art { max-width:220px; order:-1; } .iva-profile-guidance { grid-template-columns:1fr; } .iva-site-footer__grid { grid-template-columns:1fr; } .iva-site-footer__meta { text-align:left; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
@media (forced-colors:active) { .btn, .panel, .iva-profile-intro, .iva-profile-guidance { border:1px solid CanvasText; } }