/* SkilloPrint festival presentation layer.
 * Scope: public homepage / landing screen only.
 * Authenticated dashboard and tool surfaces intentionally remain unchanged.
 */
:root{
  --festival-page-bg:var(--bg-gradient,#0f172a);
  --festival-surface:var(--card-bg,rgba(30,41,59,.88));
  --festival-surface-strong:rgba(15,23,42,.94);
  --festival-primary:var(--accent-blue,#38bdf8);
  --festival-secondary:var(--accent-purple,#818cf8);
  --festival-border:var(--border-color,rgba(255,255,255,.12));
  --festival-glow:rgba(56,189,248,.22);
  --festival-heading:linear-gradient(135deg,#38bdf8,#a855f7,#f43f5e);
  --festival-action:linear-gradient(135deg,#2563eb,#7c3aed);
  --festival-pattern:none;
}

/* The JS adapter adds this class only while the public landing screen is
 * visible. No authenticated or free-tool surface matches these selectors. */
body.skillo-festival-landing-active{
  --bg-gradient:var(--festival-page-bg);
  --card-bg:var(--festival-surface);
  --accent-blue:var(--festival-primary);
  --accent-purple:var(--festival-secondary);
  --border-color:var(--festival-border);
  background:var(--festival-page-bg)!important;
  background-image:var(--festival-pattern),var(--festival-page-bg)!important;
  color:#fff7ed!important;
  transition:background .45s ease,color .25s ease;
}
body.skillo-festival-landing-active::after{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.10;
  background-image:
    radial-gradient(circle at 12% 22%,var(--festival-primary) 0 1px,transparent 2px),
    radial-gradient(circle at 86% 68%,var(--festival-secondary) 0 1px,transparent 2px);
  background-size:31px 31px,47px 47px;
  mix-blend-mode:screen;
}
body.skillo-festival-landing-active #loginScreen.front-home{
  position:relative;
  z-index:1;
  background:var(--festival-surface)!important;
  color:#fff7ed!important;
  border-color:var(--festival-border)!important;
  box-shadow:0 20px 58px var(--festival-glow)!important;
}
body.skillo-festival-landing-active #loginScreen.front-home
:is(.front-tool-catalog,.landing-contact-card,.landing-metrics-section,
.landing-trust-section,.reference-floating-card,.front-hero,#landingArticles,
#landingMetrics,.landing-trust-item){
  background:var(--festival-surface)!important;
  color:#fff7ed!important;
  border-color:var(--festival-border)!important;
  box-shadow:0 16px 42px var(--festival-glow)!important;
}
body.skillo-festival-landing-active #loginScreen.front-home
:is(.front-showcase,.reference-dashboard-surface){
  background:var(--festival-surface-strong)!important;
  border-color:var(--festival-border)!important;
}
body.skillo-festival-landing-active #loginScreen.front-home
:is(.front-nav,.front-auth-panel,.mission-shell){
  background:var(--festival-surface-strong)!important;
  color:#fff7ed!important;
  border-color:var(--festival-border)!important;
}
body.skillo-festival-landing-active #loginScreen.front-home
:is(.front-nav a,.front-nav button,.landing-free-tools-trigger,#frontLoginBtn,#frontJoinBtn){
  background:var(--festival-action)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--festival-border)!important;
  box-shadow:0 8px 22px var(--festival-glow);
}
body.skillo-festival-landing-active #loginScreen.front-home
:is(a,.front-hero p,#landingArticles p,#landingMetrics strong,#landingMetrics small){
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
body.skillo-festival-landing-active #loginScreen.front-home
:is(.portal-main-heading,.front-hero h1,.front-hero h2,.front-hero h3,
#landingArticles h2,#landingMetrics h2){
  background:var(--festival-heading)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.skillo-festival-landing-active #loginScreen.front-home
:is(.front-nav a,.front-nav button,.landing-free-tools-trigger,#frontLoginBtn,#frontJoinBtn):hover{
  filter:brightness(1.1) saturate(1.08);
  transform:translateY(-1px);
}

body.skillo-festival-landing-active #skilloFestivalAmbient{
  position:fixed;
  inset:0;
  z-index:2;
  overflow:hidden;
  pointer-events:none;
  isolation:isolate;
  contain:strict;
  opacity:.74;
  mix-blend-mode:normal;
}
body.skillo-festival-landing-active #skilloFestivalAmbient > *{
  pointer-events:none!important;
}
body.skillo-festival-landing-active .skillo-festival-ambient-backdrop{
  position:absolute;
  inset:-8%;
  background:
    radial-gradient(ellipse at 14% 16%,color-mix(in srgb,var(--festival-primary) 22%,transparent) 0 13%,transparent 42%),
    radial-gradient(ellipse at 86% 78%,color-mix(in srgb,var(--festival-secondary) 18%,transparent) 0 14%,transparent 44%),
    linear-gradient(135deg,transparent 0 42%,color-mix(in srgb,var(--festival-primary) 7%,transparent) 50%,transparent 60%);
  opacity:.36;
  filter:saturate(1.08);
  backdrop-filter:blur(3px) saturate(1.08);
  -webkit-backdrop-filter:blur(3px) saturate(1.08);
  animation:skilloFestivalAmbientDrift 18s ease-in-out infinite alternate;
}
body.skillo-festival-landing-active .skillo-festival-ambient-sheen{
  position:absolute;
  inset:0;
  background:linear-gradient(112deg,transparent 0 34%,color-mix(in srgb,var(--festival-primary) 7%,transparent) 45%,transparent 58% 100%);
  opacity:.28;
  transform:translateX(-16%);
  animation:skilloFestivalSheen 14s ease-in-out infinite alternate;
}
body.skillo-festival-landing-active .skillo-festival-ambient-spark{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:999px;
  background:var(--festival-primary);
  box-shadow:0 0 12px 3px var(--festival-glow);
  opacity:.42;
  animation:skilloFestivalSparkFloat 7s ease-in-out infinite;
}
body.skillo-festival-landing-active .spark-a{left:8%;top:26%;animation-delay:-1s}
body.skillo-festival-landing-active .spark-b{left:26%;top:74%;animation-delay:-4s}
body.skillo-festival-landing-active .spark-c{left:48%;top:18%;animation-delay:-2s}
body.skillo-festival-landing-active .spark-d{left:68%;top:68%;animation-delay:-5s}
body.skillo-festival-landing-active .spark-e{left:82%;top:32%;animation-delay:-3s}
body.skillo-festival-landing-active .spark-f{left:92%;top:82%;animation-delay:-6s}

body.skillo-festival-landing-active #skilloFestivalAmbient[data-festival="diwali"] .skillo-festival-ambient-backdrop{
  background:
    radial-gradient(ellipse at 18% 18%,rgba(251,191,36,.26) 0 12%,transparent 40%),
    radial-gradient(ellipse at 82% 72%,rgba(244,63,94,.22) 0 13%,transparent 42%),
    linear-gradient(135deg,rgba(250,204,21,.08),transparent 46%,rgba(168,85,247,.12));
}
body.skillo-festival-landing-active #skilloFestivalAmbient[data-festival="holi"] .skillo-festival-ambient-backdrop{
  background:
    radial-gradient(ellipse at 14% 24%,rgba(244,63,94,.24) 0 14%,transparent 42%),
    radial-gradient(ellipse at 78% 72%,rgba(34,211,238,.22) 0 14%,transparent 44%),
    radial-gradient(ellipse at 58% 28%,rgba(250,204,21,.16) 0 10%,transparent 38%);
}
body.skillo-festival-landing-active #skilloFestivalAmbient[data-festival="karwa_chauth"] .skillo-festival-ambient-backdrop{
  background:
    radial-gradient(circle at 84% 22%,rgba(254,240,138,.32) 0 3%,rgba(251,191,36,.12) 4% 12%,transparent 33%),
    radial-gradient(ellipse at 16% 76%,rgba(244,114,182,.18) 0 12%,transparent 42%),
    linear-gradient(135deg,rgba(190,24,93,.12),transparent 58%);
}
body.skillo-festival-landing-active .skillo-festival-moon{
  position:absolute;
  right:8%;
  top:12%;
  width:clamp(44px,6vw,86px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 38% 34%,#fffde7 0 16%,#fde68a 48%,#f59e0b 72%,transparent 74%);
  box-shadow:0 0 22px 8px rgba(253,224,71,.25),0 0 80px 18px rgba(251,191,36,.12);
  opacity:.58;
  animation:skilloFestivalMoonGlow 4.8s ease-in-out infinite alternate;
}
body.skillo-festival-landing-active #skilloFestivalAmbient[data-festival="diwali"] .skillo-festival-firework{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:radial-gradient(circle,#fff7ed 0 13%,#fbbf24 25%,#f97316 45%,transparent 68%);
  box-shadow:
    0 -58px 0 -2px #fde68a,
    41px -41px 0 -2px #fb7185,
    58px 0 0 -2px #fbbf24,
    41px 41px 0 -2px #a78bfa,
    0 58px 0 -2px #f97316,
    -41px 41px 0 -2px #fde68a,
    -58px 0 0 -2px #f472b6,
    -41px -41px 0 -2px #fbbf24;
  opacity:0;
  transform:scale(.12);
  animation:skilloFestivalFireworkBurst 5.6s cubic-bezier(.18,.68,.32,1) infinite;
}
body.skillo-festival-landing-active #skilloFestivalAmbient .firework-a{left:18%;top:22%;animation-delay:-1.2s}
body.skillo-festival-landing-active #skilloFestivalAmbient .firework-b{left:77%;top:28%;animation-delay:-3.6s}
body.skillo-festival-landing-active #skilloFestivalAmbient .firework-c{left:52%;top:14%;animation-delay:-5s}
body.skillo-festival-landing-active #skilloFestivalAmbient[data-festival="diwali"] .skillo-festival-diya{
  position:absolute;
  bottom:22px;
  width:62px;
  height:30px;
  border-radius:50% 50% 45% 45%;
  background:linear-gradient(180deg,#fbbf24,#ea580c 72%,#7c2d12);
  box-shadow:0 0 18px 5px rgba(251,191,36,.32),inset 0 -6px 8px rgba(124,45,18,.44);
  opacity:.82;
}
body.skillo-festival-landing-active #skilloFestivalAmbient .diya-a{left:5%}
body.skillo-festival-landing-active #skilloFestivalAmbient .diya-b{right:5%}
body.skillo-festival-landing-active #skilloFestivalAmbient .skillo-festival-diya::before{
  content:'';
  position:absolute;
  left:50%;
  top:-32px;
  width:20px;
  height:34px;
  transform:translateX(-50%);
  border-radius:50% 50% 46% 46%;
  background:radial-gradient(ellipse at 50% 78%,#fff7ed 0 12%,#fef08a 26%,#f97316 58%,transparent 72%);
  filter:blur(.2px);
  box-shadow:0 0 20px 8px rgba(251,191,36,.26);
  animation:skilloFestivalFlame 1.1s ease-in-out infinite alternate;
}
body.skillo-festival-landing-active .skillo-festival-color-cloud{
  position:absolute;
  width:clamp(120px,18vw,260px);
  aspect-ratio:1.8;
  border-radius:50%;
  filter:blur(24px);
  opacity:.22;
  animation:skilloFestivalCloudDrift 11s ease-in-out infinite alternate;
}
body.skillo-festival-landing-active .cloud-a{left:-4%;top:16%;background:#f43f5e}
body.skillo-festival-landing-active .cloud-b{right:-5%;top:48%;background:#22d3ee;animation-delay:-4s}
body.skillo-festival-landing-active .cloud-c{left:38%;bottom:4%;background:#facc15;animation-delay:-7s}

@keyframes skilloFestivalAmbientDrift{
  from{transform:translate3d(-1.5%,-1%,0) scale(1.02)}
  to{transform:translate3d(1.5%,1%,0) scale(1.06)}
}
@keyframes skilloFestivalSheen{
  from{transform:translateX(-16%)}
  to{transform:translateX(16%)}
}
@keyframes skilloFestivalSparkFloat{
  0%,100%{transform:translate3d(0,0,0) scale(.75);opacity:.18}
  50%{transform:translate3d(0,-18px,0) scale(1.35);opacity:.72}
}
@keyframes skilloFestivalFireworkBurst{
  0%,100%{opacity:0;transform:scale(.12)}
  12%{opacity:.88;transform:scale(.18)}
  34%{opacity:.78;transform:scale(.62)}
  58%{opacity:.55;transform:scale(1)}
  76%{opacity:.22;transform:scale(1.08)}
}
@keyframes skilloFestivalMoonGlow{
  from{transform:scale(.96);filter:brightness(.94)}
  to{transform:scale(1.04);filter:brightness(1.12)}
}
@keyframes skilloFestivalFlame{
  from{transform:translateX(-50%) scale(.82,.92) rotate(-4deg)}
  to{transform:translateX(-50%) scale(1.05,1.12) rotate(4deg)}
}
@keyframes skilloFestivalCloudDrift{
  from{transform:translate3d(-2%,-2%,0) scale(.96)}
  to{transform:translate3d(4%,3%,0) scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
  body.skillo-festival-landing-active{transition:none}
  body.skillo-festival-landing-active *{
    animation-duration:.001ms!important;
    transition-duration:.001ms!important;
  }
}
@media(max-width:699px){
  body.skillo-festival-landing-active #skilloFestivalAmbient{opacity:.68}
}


/* ===== landing-readable-ink-v28 =====
   Explicit solid foregrounds for the festival landing surfaces.
   Keep this scope landing-only; authenticated/free-tool UI is untouched. */
body.skillo-festival-landing-active #loginScreen.front-home :is(
  .front-hero,
  #landingArticles,
  #landingMetrics,
  .front-showcase,
  .reference-dashboard-surface,
  .front-tool-catalog,
  .landing-contact-card,
  .landing-metrics-section,
  .landing-trust-section,
  .landing-trust-item
){
  background:var(--festival-surface-strong)!important;
  color:#fff7ed!important;
  border-color:var(--festival-border)!important;
  -webkit-text-fill-color:#fff7ed!important;
}
body.skillo-festival-landing-active #loginScreen.front-home :is(
  .front-hero h1,.front-hero h2,.front-hero h3,.front-hero h4,
  #landingArticles h1,#landingArticles h2,#landingArticles h3,#landingArticles h4,
  #landingMetrics h1,#landingMetrics h2,#landingMetrics h3,#landingMetrics h4,
  .front-showcase h1,.front-showcase h2,.front-showcase h3,.front-showcase h4,
  .reference-dashboard-surface h1,.reference-dashboard-surface h2,.reference-dashboard-surface h3,.reference-dashboard-surface h4,
  .front-tool-catalog h1,.front-tool-catalog h2,.front-tool-catalog h3,.front-tool-catalog h4
){
  background:none!important;
  background-image:none!important;
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
  text-shadow:0 1px 2px #02061766!important;
}
body.skillo-festival-landing-active #loginScreen.front-home :is(
  .front-hero p,.front-hero strong,.front-hero span,.front-hero small,
  #landingArticles p,#landingArticles strong,#landingArticles span,#landingArticles small,
  #landingMetrics p,#landingMetrics strong,#landingMetrics span,#landingMetrics small,
  .front-showcase p,.front-showcase strong,.front-showcase span,.front-showcase small,
  .reference-dashboard-surface p,.reference-dashboard-surface strong,.reference-dashboard-surface span,.reference-dashboard-surface small,
  .front-tool-catalog p,.front-tool-catalog strong,.front-tool-catalog span,.front-tool-catalog small
){
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
body.skillo-festival-landing-active #loginScreen.front-home :is(
  .front-hero .landing-seo-tool-links > a,
  .landing-seo-tool-links > a,
  .front-tool-catalog a
){
  background:#f8fafc!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  border-color:#cbd5e1!important;
  text-shadow:none!important;
}
body.skillo-festival-landing-active #loginScreen.front-home :is(
  .front-hero .landing-seo-tool-links > a:hover,
  .landing-seo-tool-links > a:hover,
  .front-tool-catalog a:hover
){
  background:#fff!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}
body.skillo-festival-landing-active #loginScreen.front-home :is(
  #landingArticles a,
  #landingMetrics a,
  .front-showcase a,
  .reference-dashboard-surface a
){
  color:#fde68a!important;
  -webkit-text-fill-color:#fde68a!important;
  text-decoration-color:#fde68a!important;
}
body.skillo-festival-landing-active #loginScreen.front-home :is(
  #landingMetrics .landing-trust-item,
  #landingMetrics .landing-metric-card,
  .landing-trust-item,
  .landing-contact-card
){
  background:rgba(255,255,255,.12)!important;
  color:#fff7ed!important;
  border-color:#ffffff42!important;
}
body.skillo-festival-landing-active #landingPolicyStrip,
body.skillo-festival-landing-active .op-footer{
  background:var(--festival-surface-strong)!important;
  color:#fff7ed!important;
  border-color:var(--festival-border)!important;
}
body.skillo-festival-landing-active #landingPolicyStrip :is(
  h1,h2,h3,h4,p,span,strong,small,a,
  .landing-policy-kicker,.landing-policy-title,.landing-policy-description
),
body.skillo-festival-landing-active .op-footer :is(
  h1,h2,h3,h4,p,span,strong,small,a,li,button
){
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
body.skillo-festival-landing-active #landingPolicyStrip a,
body.skillo-festival-landing-active .op-footer a{
  color:#fde68a!important;
  -webkit-text-fill-color:#fde68a!important;
}
body.skillo-festival-landing-active .landing-float-actions :is(button,a){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px #02061766!important;
}
body.skillo-festival-landing-active :is(
  .info-modal-card,
  #landingFeedbackDialog,
  #landingWhatsAppDialog
){
  background:var(--festival-surface-strong)!important;
  color:#fff7ed!important;
  border-color:var(--festival-border)!important;
}
body.skillo-festival-landing-active :is(
  .info-modal-card h1,.info-modal-card h2,.info-modal-card h3,
  .info-modal-card p,.info-modal-card li,.info-modal-card label,
  #landingFeedbackDialog h1,#landingFeedbackDialog h2,#landingFeedbackDialog h3,
  #landingFeedbackDialog p,#landingFeedbackDialog label,
  #landingWhatsAppDialog h1,#landingWhatsAppDialog h2,#landingWhatsAppDialog h3,
  #landingWhatsAppDialog p,#landingWhatsAppDialog label
){
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
body.skillo-festival-landing-active :is(
  .info-modal-card input,.info-modal-card textarea,
  #landingFeedbackDialog input,#landingFeedbackDialog textarea,
  #landingWhatsAppDialog input,#landingWhatsAppDialog textarea
){
  background:#fff!important;
  color:#172033!important;
  border-color:#cbd5e1!important;
}


/* Direct descendant selectors: keep contrast deterministic across Chromium and Safari. */
body.skillo-festival-landing-active #loginScreen.front-home #landingArticles{
  background:var(--festival-surface-strong)!important;
  color:#fff7ed!important;
}
body.skillo-festival-landing-active #loginScreen.front-home #landingArticles h2,
body.skillo-festival-landing-active #loginScreen.front-home #landingArticles h3{
  background:none!important;
  background-image:none!important;
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
body.skillo-festival-landing-active #loginScreen.front-home #landingArticles p,
body.skillo-festival-landing-active #loginScreen.front-home #landingArticles span{
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
body.skillo-festival-landing-active #loginScreen.front-home #landingArticles a{
  color:#fde68a!important;
  -webkit-text-fill-color:#fde68a!important;
}
body.skillo-festival-landing-active #loginScreen.front-home #landingMetrics{
  background:var(--festival-surface-strong)!important;
  color:#fff7ed!important;
  border-color:var(--festival-border)!important;
}
body.skillo-festival-landing-active #loginScreen.front-home #landingMetrics h2,
body.skillo-festival-landing-active #loginScreen.front-home #landingMetrics h3{
  background:none!important;
  background-image:none!important;
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
body.skillo-festival-landing-active #loginScreen.front-home #landingMetrics p,
body.skillo-festival-landing-active #loginScreen.front-home #landingMetrics span,
body.skillo-festival-landing-active #loginScreen.front-home #landingMetrics strong,
body.skillo-festival-landing-active #loginScreen.front-home #landingMetrics small{
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
body.skillo-festival-landing-active #loginScreen.front-home .front-hero .landing-seo-tool-links > a{
  background:#f8fafc!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  border-color:#cbd5e1!important;
  text-shadow:none!important;
}
body.skillo-festival-landing-active #loginScreen.front-home .front-hero .landing-seo-tool-links > a:hover{
  background:#fff!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}


/* Final high-specificity landing ink override.
   This wins over the legacy light-mode landing palette while remaining
   strictly scoped to the public festival landing screen. */
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingArticles h2,
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingArticles p,
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingArticles span{
  background:none!important;
  background-image:none!important;
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingArticles a{
  color:#fde68a!important;
  -webkit-text-fill-color:#fde68a!important;
}
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingMetrics{
  background:var(--festival-surface-strong)!important;
  color:#fff7ed!important;
}
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingMetrics h2,
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingMetrics strong,
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingMetrics p,
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingMetrics span,
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingMetrics small{
  background:none!important;
  background-image:none!important;
  color:#fff7ed!important;
  -webkit-text-fill-color:#fff7ed!important;
}
html body.op-light.skillo-festival-landing-active #loginScreen.auth-box.front-home .front-hero .landing-seo-tool-links > a{
  background:#f8fafc!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  border-color:#cbd5e1!important;
}


/* Popular-tool pills: override the pre-festival auth-dialog ink with a
   deliberately higher-specificity landing-only rule. */
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .front-hero nav.landing-seo-tool-links > a{
  background:#f8fafc!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  border-color:#cbd5e1!important;
  text-shadow:none!important;
}
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .front-hero nav.landing-seo-tool-links > a:hover,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .front-hero nav.landing-seo-tool-links > a:focus-visible{
  background:#fff!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}


/* landing-footer-white-v38
   Restore the landing footer to the original white surface. Keep this
   landing-only so the authenticated workspace and public tool surfaces
   retain their existing presentation. */
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .op-footer,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .op-footer-grid,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .landing-footer-info-row,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingPolicyStrip,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .landing-footer-activity,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .op-footer-bottom{
  background:#fff!important;
  background-color:#fff!important;
  color:#172033!important;
  border-color:#dbe4ef!important;
  box-shadow:none!important;
}
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .op-footer-grid,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .landing-footer-info-row,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingPolicyStrip,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .landing-footer-activity,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .op-footer-bottom{
  -webkit-text-fill-color:#172033!important;
}
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingPolicyStrip :is(
  .landing-policy-kicker,
  .landing-policy-title,
  .landing-policy-description,
  p,h2,h3,span,strong,small
),
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .landing-footer-activity :is(
  .landing-footer-stat,
  .landing-footer-stat span,
  .landing-footer-stat strong,
  .landing-footer-activity-status
),
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .op-footer-bottom span{
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .op-footer-links a,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .op-footer-social a,
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home #landingPolicyStrip .landing-policy-links a{
  color:#1d4ed8!important;
  -webkit-text-fill-color:#1d4ed8!important;
  text-decoration-color:#1d4ed8!important;
}
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .landing-footer-activity{
  background:#f8fafc!important;
  border:1px solid #dbe4ef!important;
}
html:not(.workspace-route) body.op-light.public-landing-active.skillo-festival-active.skillo-festival-landing-active #loginScreen.auth-box.front-home .landing-footer-stat{
  background:#fff!important;
  border-color:#dbe4ef!important;
}