.illustrated-banner{background:var(--surface-card);border:1px solid var(--line-soft);border-radius:var(--radius-card);grid-template-columns:minmax(0,1fr) clamp(150px,15vw,240px);align-items:stretch;min-width:0;display:grid;box-shadow:0 3px 10px #1923370b}html .illustrated-banner>:first-child{background:var(--surface-card);box-shadow:none;border-radius:inherit;border:0;min-width:0;margin:0}html .illustrated-banner>:first-child:before,html .illustrated-banner>:first-child:after{display:none}.illustrated-banner>.banner-art{background:var(--banner-art) center / contain no-repeat;aspect-ratio:3/2;pointer-events:none;border-radius:18px;align-self:center;min-height:0;margin:12px 18px 12px 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 15% 85%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}[data-banner-theme=customer]{--banner-art:url(/assets/banners/customer-v2.webp)}[data-banner-theme=selection]{--banner-art:url(/assets/banners/selection-v2.webp)}[data-banner-theme=university]{--banner-art:url(/assets/banners/university-v2.webp)}[data-banner-theme=application]{--banner-art:url(/assets/banners/application-v2.webp)}[data-banner-theme=cases]{--banner-art:url(/assets/banners/cases-v2.webp)}[data-banner-theme=billing]{--banner-art:url(/assets/banners/billing-v2.webp)}[data-banner-theme=account]{--banner-art:url(/assets/banners/account-v2.webp)}.illustrated-banner .client-hero,.illustrated-banner .catalog-school-hero,.illustrated-banner .billing-hero{flex-wrap:wrap}.illustrated-banner .client-identity{min-width:0}.illustrated-banner .case-summary>header{flex-wrap:wrap;gap:16px}html:is([data-theme=dark],.dark) .illustrated-banner>:first-child{background:var(--surface-card);box-shadow:none;border:0}html:is([data-theme=dark],.dark) .illustrated-banner>.banner-art{filter:brightness(.72)saturate(.72);mix-blend-mode:screen;opacity:.8}.auth-story{background:linear-gradient(135deg,#19365d 0%,#354a85 52%,#66508b 100%)}.auth-story:before,.auth-story:after{display:none}.auth-message{text-shadow:none}.illustrated-banner:not([data-banner-theme=account]):not([data-banner-theme=billing]){--banner-gradient:linear-gradient(135deg, #fff 0%, #ffffffeb 48%, #2563eb42 100%);--text-primary:#18243b;--text-secondary:#3e4b64;--text-muted:#536078;--theme-text-666a78:#3e4b64;--theme-border-e3dfff:#42588940;color:var(--text-primary);background:var(--banner-gradient);border:0;grid-template-columns:minmax(0,1fr);box-shadow:0 6px 18px #3a415c16,0 1px 3px #3a415c0a}html .illustrated-banner:not([data-banner-theme=account]):not([data-banner-theme=billing])>:first-child{z-index:1;-webkit-backdrop-filter:none;box-shadow:none;background:0 0;position:relative}.illustrated-banner:not([data-banner-theme=account]):not([data-banner-theme=billing])>.banner-art{display:none}html:is([data-theme=dark],.dark) .illustrated-banner:not([data-banner-theme=account]):not([data-banner-theme=billing]){--banner-gradient:radial-gradient(ellipse at 8% -25%, #39c2d175 0%, transparent 44%), radial-gradient(ellipse at 95% 125%, #975be180 0%, transparent 46%), linear-gradient(115deg, #17394e 0%, #304f7d 52%, #604570 100%);--text-primary:#f3f6ff;--text-secondary:#d5e0f5;--text-muted:#d5e0f5;--theme-text-666a78:#d5e0f5;--theme-border-e3dfff:#cddeff47;border-color:#abc2f24d}html:is([data-theme=dark],.dark) .illustrated-banner:not([data-banner-theme=account]):not([data-banner-theme=billing])>:first-child{-webkit-backdrop-filter:blur(32px)saturate(125%);background:linear-gradient(112deg,#ffffff26,#ffffff12);box-shadow:inset 0 1px #ffffff2b}@media (max-width:1100px){.illustrated-banner{grid-template-columns:minmax(0,1fr)}.illustrated-banner>.banner-art{display:none}}@media (max-width:700px){.illustrated-banner .library-intro{grid-template-columns:repeat(3,minmax(0,1fr))}.illustrated-banner .library-intro>:first-child{grid-column:1/-1}}@media (prefers-reduced-data:reduce){.illustrated-banner{grid-template-columns:minmax(0,1fr)}.illustrated-banner>.banner-art{display:none}.auth-story{background:#17283e}}
