:root{--auth-orange:#c85817;--auth-orange-2:#e47a2e;--auth-navy:#0d1728;--auth-ink:#182235;--auth-line:#dbe2ec}
*{box-sizing:border-box}
body.auth-page{margin:0;min-height:100vh;font-family:'IBM Plex Sans',sans-serif;color:var(--text-primary);background:#0b1220;overflow-x:hidden}
.auth-page::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 8% 10%,rgba(228,122,46,.22),transparent 28%),radial-gradient(circle at 88% 85%,rgba(46,119,228,.18),transparent 32%),linear-gradient(135deg,#07101f 0%,#101b2e 48%,#07101f 100%);z-index:-2}
.auth-page::after{content:"";position:fixed;inset:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;z-index:-1;mask-image:linear-gradient(to right,#000,transparent 75%)}
.auth-shell{width:min(1180px,calc(100% - 36px));min-height:min(760px,calc(100vh - 36px));margin:18px auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;box-shadow:0 36px 100px rgba(0,0,0,.45);background:rgba(12,22,39,.72);backdrop-filter:blur(20px)}
.auth-showcase{position:relative;isolation:isolate;padding:42px 46px;color:#fff;overflow:hidden;background:linear-gradient(145deg,rgba(12,27,49,.94),rgba(9,18,32,.98))}
.auth-showcase::after{content:"";position:absolute;inset:auto -12% -30% 30%;height:65%;transform:skewY(-8deg);background:linear-gradient(135deg,rgba(200,88,23,.32),rgba(200,88,23,0));z-index:-1}
.showcase-glow{position:absolute;border-radius:999px;filter:blur(1px);z-index:-1}.glow-one{width:340px;height:340px;right:-130px;top:-150px;background:radial-gradient(circle,rgba(228,122,46,.28),transparent 68%)}.glow-two{width:250px;height:250px;left:-100px;bottom:8%;background:radial-gradient(circle,rgba(67,126,220,.18),transparent 70%)}
.showcase-brand{display:flex;align-items:center;gap:16px}.showcase-logo-wrap{width:88px;height:66px;padding:8px 10px;display:grid;place-items:center;border-radius:15px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.28)}.showcase-logo-wrap img{width:100%;height:100%;object-fit:contain}.showcase-product{font-family:'Bebas Neue',sans-serif;font-size:47px;letter-spacing:.08em;line-height:.9}.showcase-product span{color:var(--auth-orange-2)}.showcase-kicker{margin-top:7px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.6);text-transform:uppercase}
.showcase-copy{margin-top:68px;max-width:610px}.showcase-eyebrow{font-family:'IBM Plex Mono',monospace;color:#f4a46c;font-size:11px;letter-spacing:.2em;font-weight:600}.showcase-copy h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(58px,6.2vw,82px);line-height:.93;letter-spacing:.02em;margin:14px 0 20px;font-weight:400}.showcase-copy h1 span{color:#f08a45}.showcase-copy p{max-width:580px;margin:0;font-size:15px;line-height:1.75;color:rgba(255,255,255,.7)}
.showcase-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:38px}.showcase-feature{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.055)}.feature-icon{flex:0 0 30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(228,122,46,.17);color:#ffad73;font-weight:800}.showcase-feature b{display:block;font-size:12px}.showcase-feature small{display:block;margin-top:4px;line-height:1.4;font-size:10px;color:rgba(255,255,255,.55)}
.showcase-announcement{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:rgba(255,255,255,.62)}.showcase-announcement>span{padding:4px 7px;border-radius:5px;background:#2b9a63;color:#fff;font-family:'IBM Plex Mono',monospace;font-size:8px;font-weight:700;letter-spacing:.12em}.hidden-banner{display:none}
.auth-panel{display:flex;flex-direction:column;background:var(--bg-surface,#fff);color:var(--text-primary,#182235)}.auth-panel-inner{width:100%;max-width:520px;margin:auto;padding:38px 44px 24px}.auth-mobile-brand{display:none}.auth-heading{margin-bottom:26px}.auth-secure-badge{display:inline-flex;align-items:center;gap:5px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.14em;color:#269563}.auth-heading h2{font-size:33px;letter-spacing:-.035em;margin:9px 0 5px;color:var(--text-primary)}.auth-heading p{margin:0;font-size:13px;color:var(--text-muted)}
.auth-field{margin-bottom:17px}.auth-field>label,.employee-role-panel>label{display:block;margin-bottom:8px;font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}
.access-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.access-card{position:relative;appearance:none;min-width:0;min-height:104px;padding:13px 11px 11px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;box-shadow:none;transition:.2s ease}.access-card:hover{transform:translateY(-3px);border-color:rgba(200,88,23,.55);box-shadow:0 12px 24px rgba(20,34,55,.11)}.access-card.active{border-color:var(--auth-orange);background:linear-gradient(145deg,rgba(200,88,23,.12),rgba(200,88,23,.035));box-shadow:0 0 0 3px rgba(200,88,23,.13),0 12px 24px rgba(200,88,23,.08)}.access-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--bg-muted);color:var(--text-secondary);transition:.2s}.access-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.access-card.active .access-icon{background:var(--auth-orange);color:#fff}.access-copy{display:block;margin-top:10px;min-width:0}.access-copy b{display:block;font-size:12px}.access-copy small{display:block;margin-top:3px;font-size:9px;line-height:1.25;color:var(--text-muted)}.access-check{position:absolute;right:10px;top:10px;width:19px;height:19px;display:grid;place-items:center;border:1px solid var(--border-default);border-radius:50%;color:transparent;font-size:10px}.access-card.active .access-check{color:#fff;background:var(--auth-orange);border-color:var(--auth-orange)}
.employee-role-panel{display:none;margin-top:10px;padding:13px;border:1px solid var(--border-default);border-radius:14px;background:var(--bg-muted)}.employee-role-panel.show{display:block;animation:panel-in .2s ease}.select-wrap{position:relative}.select-wrap::after{content:"⌄";position:absolute;right:13px;top:50%;transform:translateY(-55%);pointer-events:none;color:var(--text-muted)}.employee-role-panel select{appearance:none;width:100%;height:45px;padding:0 38px 0 13px;border:1px solid var(--border-default);border-radius:11px;background:var(--bg-surface);color:var(--text-primary);font:500 12px 'IBM Plex Sans'}
.role-selection-hint{margin-top:9px;min-height:18px;font-size:10px;line-height:1.45;color:var(--text-muted)}.role-selection-hint.selected{color:var(--auth-orange)}
.input-shell{height:49px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--border-default);border-radius:13px;background:var(--bg-elevated);transition:.18s}.input-shell:focus-within{border-color:var(--auth-orange);box-shadow:0 0 0 4px rgba(200,88,23,.12);background:var(--bg-surface)}.input-shell>svg{flex:0 0 19px;width:19px;height:19px;fill:none;stroke:var(--text-muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.input-shell input{min-width:0;flex:1;height:100%;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--text-primary)!important;font-size:13px}.input-shell input::placeholder{color:var(--text-faint)}.password-toggle{padding:4px 2px!important;border:0!important;background:transparent!important;color:var(--auth-orange)!important;font:600 10px 'IBM Plex Sans';box-shadow:none!important;transform:none!important}
.auth-links{min-height:21px;margin:-2px 0 17px;display:flex;justify-content:flex-end;gap:14px;align-items:center}.auth-links a{font-size:11px;font-weight:600;color:var(--auth-orange);text-decoration:none}.auth-links a:hover{text-decoration:underline}.client-signup-link{display:none;margin-right:auto}.client-signup-link.show{display:inline-flex}
.auth-submit{width:100%;height:50px;padding:0 17px!important;border:0;border-radius:13px!important;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#a63e09,var(--auth-orange-2))!important;color:#fff!important;box-shadow:0 14px 28px rgba(200,88,23,.24)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.02em}.auth-submit b{font-size:19px;line-height:1}.auth-submit:hover{filter:brightness(1.05);transform:translateY(-2px)}.auth-submit:disabled{opacity:.65;cursor:wait}
.auth-message{display:none;margin-top:11px;padding:10px 12px;border-radius:10px;font-size:11px;line-height:1.45}.auth-message.show{display:block}.auth-message.error{background:rgba(190,38,38,.08);border:1px solid rgba(190,38,38,.25);color:#b42318}.auth-message.success{background:rgba(38,149,99,.09);border:1px solid rgba(38,149,99,.28);color:#18784d}.auth-help{margin-top:18px;padding:12px 13px;border-radius:11px;background:var(--bg-muted);font-size:10px;line-height:1.5;color:var(--text-muted)}.auth-help span{font-weight:700;color:var(--text-secondary)}.auth-footer{margin-top:auto;padding:14px 24px;text-align:center;border-top:1px solid var(--border-subtle);font-size:9px;color:var(--text-faint)}
@keyframes panel-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
[data-theme="dark"] .auth-panel{background:#0e1726}.auth-page[data-theme="dark"] .auth-panel{background:#0e1726}[data-theme="dark"] .access-card{background:#121e30;border-color:#2c3b50}[data-theme="dark"] .access-card.active{background:linear-gradient(145deg,rgba(228,122,46,.22),rgba(228,122,46,.08));border-color:#ef8945}[data-theme="dark"] .input-shell{background:#111d2e;border-color:#2c3b50}[data-theme="dark"] .employee-role-panel{background:#111d2e;border-color:#2c3b50}[data-theme="dark"] .employee-role-panel select{background:#0d1726;border-color:#34465f;color:#fff}[data-theme="dark"] .auth-message.error{color:#ffb4ab}[data-theme="dark"] .auth-message.success{color:#8fe1b8}
@media(max-width:950px){.auth-shell{grid-template-columns:1fr;max-width:580px}.auth-showcase{display:none}.auth-panel{min-height:calc(100vh - 36px)}.auth-mobile-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px}.auth-mobile-brand img{width:72px;height:48px;object-fit:contain;padding:5px;background:#fff;border-radius:10px}.auth-mobile-brand b{display:block;font-family:'Bebas Neue';font-size:31px;letter-spacing:.08em}.auth-mobile-brand b span{color:var(--auth-orange)}.auth-mobile-brand small{display:block;margin-top:-3px;font-size:9px;color:var(--text-muted)}}
@media(max-width:560px){.auth-shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0}.auth-panel{min-height:100vh}.auth-panel-inner{padding:28px 20px 20px}.access-role-grid{grid-template-columns:1fr}.access-card{min-height:70px;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;column-gap:11px}.access-copy{margin:0}.access-check{position:static}.auth-heading h2{font-size:29px}.auth-links{align-items:flex-start}.client-signup-link{max-width:55%}}
/* v10 final login contrast safeguards */
html{background:#07101f!important}
body.auth-page{background:#07101f!important;isolation:isolate}
.auth-page::before{z-index:0!important}
.auth-page::after{z-index:0!important}
.auth-shell{position:relative;z-index:1}
.showcase-copy h1{color:#fff!important}
.showcase-copy h1 span{color:#f08a45!important}

/* ============================================================
   V11 — visible hero image + real scrolling announcements
   ============================================================ */
.auth-shell{min-height:calc(100vh - 36px)}
.auth-showcase{display:flex;flex-direction:column;gap:0;padding:34px 38px 30px}
.showcase-brand{flex:0 0 auto}
.showcase-hero{position:relative;height:228px;margin-top:26px;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;background:#0b192a;box-shadow:0 22px 50px rgba(0,0,0,.3)}
.showcase-hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01);transition:transform 8s ease}
.showcase-hero:hover .showcase-hero-img{transform:scale(1.045)}
.showcase-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,24,.88) 0%,rgba(4,13,24,.44) 52%,rgba(4,13,24,.12) 100%),linear-gradient(0deg,rgba(5,13,23,.58),transparent 58%)}
.showcase-hero-overlay{position:absolute;left:25px;right:24px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.showcase-hero-overlay>span{font:600 9px/1.2 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#ffb27d}
.showcase-hero-overlay>b{max-width:410px;font-size:22px;line-height:1.15;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.showcase-hero-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px}
.showcase-hero-pills i{font-style:normal;font-size:9px;font-weight:600;color:rgba(255,255,255,.86);padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,15,27,.48);backdrop-filter:blur(8px)}
.showcase-copy{margin-top:25px;max-width:620px}
.showcase-copy h1{font-size:clamp(43px,4.3vw,60px);line-height:.97;margin:10px 0 13px}
.showcase-copy p{font-size:13px;line-height:1.58}
.showcase-features{gap:9px;margin-top:22px}
.showcase-feature{padding:11px 12px;border-radius:13px}
.showcase-feature small{font-size:9px}
.showcase-announcement{flex:0 0 auto;margin-top:auto;padding-top:16px;min-width:0;overflow:hidden}
.announcement-viewport{position:relative;min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.announcement-track{display:flex;width:max-content;white-space:nowrap;will-change:transform;animation:login-ticker var(--ticker-duration,38s) linear infinite;color:rgba(255,255,255,.78)}
.announcement-track:hover{animation-play-state:paused}
.announcement-group{display:inline-flex;align-items:center;flex:0 0 auto}
.announcement-item{display:inline-flex;align-items:center;gap:5px;padding-right:24px;font-size:11px}
.announcement-item strong{color:#fff;font-weight:700}
.announcement-separator{display:inline-block;width:5px;height:5px;margin-right:24px;border-radius:50%;background:#ed8747;box-shadow:0 0 0 4px rgba(237,135,71,.12)}
@keyframes login-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.auth-mobile-visual{display:none}

@media(max-width:1100px) and (min-width:951px){
  .auth-shell{grid-template-columns:minmax(0,1fr) minmax(400px,.86fr)}
  .auth-showcase{padding:30px}
  .showcase-hero{height:205px;margin-top:22px}
  .showcase-copy h1{font-size:43px}
  .showcase-features{grid-template-columns:1fr}
  .showcase-feature:nth-child(n+3){display:none}
}

@media(max-width:950px){
  .auth-mobile-visual{position:relative;display:block;height:185px;overflow:hidden;background:#071426;border-bottom:1px solid rgba(255,255,255,.1)}
  .auth-mobile-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
  .auth-mobile-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,28,.82),rgba(5,15,28,.24)),linear-gradient(0deg,rgba(5,15,28,.82),transparent 62%)}
  .auth-mobile-visual-overlay{position:absolute;z-index:2;left:22px;bottom:48px;display:flex;flex-direction:column;gap:4px;color:#fff}
  .auth-mobile-visual-overlay span{font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.17em;color:#ffad73}
  .auth-mobile-visual-overlay b{font-size:24px;letter-spacing:-.03em}
  .auth-mobile-ticker{position:absolute;z-index:3;left:0;right:0;bottom:0;height:35px;padding:0 14px;display:flex;align-items:center;gap:9px;background:rgba(5,15,28,.86);backdrop-filter:blur(10px);color:#fff}
  .auth-mobile-ticker>span{flex:0 0 auto;padding:3px 6px;border-radius:4px;background:#269563;font:700 7px 'IBM Plex Mono',monospace;letter-spacing:.1em}
  .auth-mobile-ticker .announcement-item{font-size:9px;padding-right:17px}
  .auth-mobile-ticker .announcement-separator{margin-right:17px}
  .auth-mobile-brand{margin-bottom:20px}
  .auth-panel{overflow:hidden}
}

@media(max-width:560px){
  .auth-mobile-visual{height:164px}
  .auth-mobile-visual-overlay{left:18px;bottom:45px}
  .auth-mobile-visual-overlay b{font-size:21px}
}

@media(prefers-reduced-motion:reduce){
  .announcement-track{animation:none;transform:none}
  .showcase-hero-img{transition:none}
}

/* ============================================================
   V12 — multi-image side-scrolling login carousel
   ============================================================ */
.login-banner-track{position:absolute;inset:0;display:flex;width:100%;height:100%;transition:transform .72s cubic-bezier(.22,.61,.36,1);will-change:transform;z-index:0}
.login-banner-slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden;background:#0b192a}
.login-banner-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01);transition:transform 7s ease}
.showcase-hero:hover .login-banner-slide img{transform:scale(1.045)}
.showcase-hero-shade{z-index:1;pointer-events:none}
.showcase-hero-overlay{z-index:2;pointer-events:none}
.login-banner-dots{position:absolute;right:18px;bottom:18px;z-index:4;display:flex;align-items:center;gap:6px}
.login-banner-dots button{width:7px!important;height:7px!important;min-width:0!important;padding:0!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:50%!important;background:rgba(5,15,28,.42)!important;box-shadow:none!important;transform:none!important;transition:.2s}
.login-banner-dots button.active{width:22px!important;border-radius:999px!important;background:#ed8747!important;border-color:#ed8747!important}
.login-banner-arrow{position:absolute;top:50%;z-index:4;width:32px!important;height:42px!important;min-width:0!important;margin-top:-21px;padding:0!important;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.2)!important;border-radius:10px!important;background:rgba(4,15,27,.42)!important;color:#fff!important;font:400 29px/1 Arial!important;box-shadow:none!important;backdrop-filter:blur(8px);opacity:0;transition:.2s!important;transform:none!important}
.login-banner-arrow.prev{left:12px}.login-banner-arrow.next{right:12px}
.showcase-hero:hover .login-banner-arrow,.login-banner-arrow:focus-visible{opacity:1}
.auth-mobile-visual .login-banner-track{position:absolute;inset:0}
.auth-mobile-visual .login-banner-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.auth-mobile-visual::after{z-index:1;pointer-events:none}
.auth-mobile-visual-overlay{z-index:2}
.auth-mobile-ticker{z-index:3}
@media(max-width:950px){.login-banner-arrow,.login-banner-dots{display:none!important}}
@media(prefers-reduced-motion:reduce){.login-banner-track{transition:none}.login-banner-slide img{transition:none}}

/* ============================================================
   V13 — editable PowerPoint-style login presentation
   ============================================================ */
.auth-showcase{min-height:0;display:flex;flex-direction:column;padding:34px 38px 28px}
.showcase-presentation{position:relative;flex:1;min-height:545px;margin-top:24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;overflow:hidden;background:#0b192a;box-shadow:0 22px 50px rgba(0,0,0,.3)}
.login-banner-slide{isolation:isolate;background:var(--slide-bg,#0b192a)}
.login-banner-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--slide-fit,cover);object-position:var(--slide-position,center);z-index:0}
.login-slide-overlay{position:absolute;inset:0;z-index:1;pointer-events:none}
.login-slide-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(28px,4.2vw,58px);color:var(--slide-text,#fff);text-align:left;pointer-events:none}
.login-slide-content.valign-start{justify-content:flex-start}.login-slide-content.valign-center{justify-content:center}.login-slide-content.valign-end{justify-content:flex-end}
.login-slide-content.align-center{align-items:center;text-align:center}.login-slide-content.align-right{align-items:flex-end;text-align:right}
.login-slide-content .slide-eyebrow{margin-bottom:11px;font:600 10px/1.3 'IBM Plex Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--slide-accent,#f08a45)}
.login-slide-content h1{max-width:var(--slide-content-width,72%);margin:0;font:400 var(--slide-title-size,64px)/.98 'Bebas Neue',sans-serif;letter-spacing:.02em;color:inherit;text-shadow:0 3px 20px rgba(0,0,0,.38)}
.login-slide-content h1 span{display:block;color:var(--slide-accent,#f08a45)}
.login-slide-content p{max-width:var(--slide-content-width,72%);margin:16px 0 0;font:400 var(--slide-body-size,14px)/1.65 'IBM Plex Sans',sans-serif;color:inherit;opacity:.88;text-shadow:0 2px 12px rgba(0,0,0,.36)}
.login-slide-content .slide-badge{display:inline-flex;margin-top:18px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--slide-accent,#f08a45) 72%,transparent);border-radius:999px;background:color-mix(in srgb,var(--slide-accent,#f08a45) 18%,transparent);font:600 9px/1 'IBM Plex Mono',monospace;letter-spacing:.08em;color:inherit}
.login-banner-fallback::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,24,.72),rgba(4,13,24,.18));z-index:1}
.showcase-announcement.login-ticker{min-height:38px;margin-top:16px;padding:0;border:0;border-radius:10px;background:var(--ticker-bg,rgba(5,15,28,.9));overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.login-ticker>.ticker-label{align-self:stretch;display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 11px;border-radius:0;background:var(--ticker-label-bg,#2b9a63);color:var(--ticker-label-color,#fff);font:700 8px/1 'IBM Plex Mono',monospace;letter-spacing:.12em;white-space:nowrap}
.login-ticker .announcement-viewport{height:38px;display:flex;align-items:center;mask-image:none;-webkit-mask-image:none}
.announcement-track{animation:none!important;transform:none;display:flex;align-items:center;width:max-content;min-width:max-content;white-space:nowrap;will-change:transform;color:var(--ticker-text,#fff)}
.announcement-group{display:flex;align-items:center;flex:0 0 auto;padding-left:26px}
.announcement-item{display:inline-flex;align-items:center;gap:6px;padding-right:25px;font-size:11px;color:var(--ticker-text,#fff)}
.announcement-item strong{color:var(--ticker-accent,#ed8747);font-weight:700}
.announcement-separator{flex:0 0 auto;width:5px;height:5px;margin-right:25px;border-radius:50%;background:var(--ticker-accent,#ed8747);box-shadow:0 0 0 4px color-mix(in srgb,var(--ticker-accent,#ed8747) 18%,transparent)}
@media(max-width:1100px) and (min-width:951px){.showcase-presentation{min-height:485px}}
@media(max-width:950px){
  .auth-mobile-visual{height:205px}
  .auth-mobile-visual .login-slide-content{padding:22px 24px 48px}
  .auth-mobile-visual .login-slide-content .slide-eyebrow{font-size:7px;margin-bottom:5px}
  .auth-mobile-visual .login-slide-content h1{max-width:76%;font-size:28px}
  .auth-mobile-visual .login-slide-content p{display:none}
  .auth-mobile-visual .login-slide-content .slide-badge{margin-top:8px;padding:5px 8px;font-size:7px}
  .auth-mobile-ticker.login-ticker{height:35px;padding:0;background:var(--ticker-bg,rgba(5,15,28,.9))}
  .auth-mobile-ticker.login-ticker>.ticker-label{height:35px;padding:0 9px;background:var(--ticker-label-bg,#2b9a63);font-size:7px}
  .auth-mobile-ticker .announcement-viewport{height:35px}
  .auth-mobile-ticker .announcement-item{font-size:9px}
}
@media(max-width:560px){.auth-mobile-visual{height:178px}.auth-mobile-visual .login-slide-content{padding:18px 18px 45px}.auth-mobile-visual .login-slide-content h1{font-size:23px;max-width:85%}}
/* The announcement ticker is intentionally kept moving even when the OS requests reduced animation,
   because it is an operational news feed chosen by the administrator. Hovering still pauses it. */