@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@500;600;700;800;900&display=swap');

/* Approved Cuissle palette. One flat color per surface, no blended fills. */
:root {
  --pop-pink:#fd1843; --pop-white:#fff9fa; --pop-paper:#f9f9f9;
  --pop-blue:#004e72; --pop-orange:#ff6e42; --pop-navy:#092634;
  --app-bg:var(--pop-paper); --surface:var(--pop-white); --ink:var(--pop-navy);
  --muted:#405561; --line:rgba(9,38,52,.16); --blue:var(--pop-blue);
  --blue-soft:#e8f3f7; --violet:var(--pop-pink); --orange:var(--pop-orange);
  --gold:var(--pop-orange); --pink:var(--pop-pink); --cyan:var(--pop-blue);
  --duo:var(--pop-pink); --highlight:var(--pop-orange);
  --shadow:0 12px 30px rgba(9,38,52,.1);
  --cuissle-purple:var(--pop-pink); --cuissle-blue:var(--pop-blue);
  font-family:'Nunito Sans',Arial,sans-serif;
}
:root[data-theme="dark"] {
  --app-bg:var(--pop-navy); --surface:#123747; --ink:var(--pop-white);
  --muted:#c8dce5; --line:rgba(255,249,250,.2);
  --blue:#6cc6df; --blue-soft:#16485a; --violet:#ff6b86;
  --orange:#ff9a7c; --gold:#ff9a7c; --cyan:#6cc6df;
  --shadow:0 12px 30px rgba(0,12,21,.3);
}
body.app-page,body.aurora-page,body.auth-page,
:root[data-theme="dark"] body.app-page,:root[data-theme="dark"] body.aurora-page,:root[data-theme="dark"] body.auth-page {
  background:var(--app-bg)!important;
}
:root,body,button,input,.button,h1,h2,h3,.eyebrow,.status-pill {font-family:'Nunito Sans',Arial,sans-serif!important}
.landing-page .landing-title,.app-page .competition-hero:not(.is-loading) h1 {
  color:var(--pop-pink)!important;background:none!important;-webkit-text-fill-color:var(--pop-pink)!important;
}
.landing-page .landing-hero::before {display:none!important}
.landing-particles i:nth-child(odd){background:var(--pop-pink)!important;box-shadow:0 0 14px rgba(253,24,67,.25)!important}
.landing-particles i:nth-child(even){background:var(--pop-orange)!important;box-shadow:0 0 14px rgba(255,110,66,.25)!important}
.site-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;position:sticky;gap:1rem!important}
.landing-nav-links{position:static;transform:none;margin:0!important;white-space:nowrap}
.landing-nav-actions{display:flex;align-items:center;justify-self:end;grid-column:3;grid-row:1;gap:.6rem;min-width:0;padding-right:44px}
.site-nav>.theme-toggle{grid-column:3;grid-row:1;justify-self:end;z-index:1}
.site-nav .landing-account,.site-nav #landing-session-link{margin-left:0!important}
.site-nav .theme-toggle{margin-left:0!important;flex:none}
.site-nav .button{flex:none}
.site-nav,.app-header,.quiz-header{background:var(--surface)!important}
.play-disc,.button-primary,.app-header .profile-chip,.quiz-header .profile-chip{
  background:var(--pop-pink)!important;border-color:var(--pop-pink)!important;color:#fff!important;
}
body.app-page .app-header .profile-chip,body.app-page .quiz-header .profile-chip{background:var(--pop-pink)!important;border-color:var(--pop-pink)!important;color:#fff!important}
.button-primary:hover:not(:disabled),.app-header .profile-chip:hover,.quiz-header .profile-chip:hover{
  background:#d80d35!important;border-color:#d80d35!important;color:#fff!important;
}
.play-disc::after{border-color:var(--pop-pink)!important}
.landing-page .showcase-card,.landing-page .poster-info{
  background:var(--pop-orange)!important;border-color:var(--pop-orange)!important;color:var(--pop-navy)!important;
}
.landing-page .poster-image-wrap{background:var(--pop-orange)!important}
.landing-page .showcase-card{box-shadow:0 18px 42px rgba(255,110,66,.26),0 0 24px rgba(255,110,66,.2)!important}
.landing-page .showcase-card:hover{box-shadow:0 22px 52px rgba(255,110,66,.4),0 0 30px rgba(255,110,66,.28)!important}
.landing-page .poster-image{object-fit:cover!important;transform:none!important}
.landing-page .showcase-card[data-position="center"]{transform:translate(-50%,-50%) scale(1) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))!important}
.landing-page .showcase-card[data-position="left"]{transform:translate(calc(-50% - var(--offset)),-50%) scale(.79) rotateX(var(--tilt-x,0deg)) rotateY(calc(10deg + var(--tilt-y,0deg)))!important}
.landing-page .showcase-card[data-position="right"]{transform:translate(calc(-50% + var(--offset)),-50%) scale(.79) rotateX(var(--tilt-x,0deg)) rotateY(calc(-10deg + var(--tilt-y,0deg)))!important}
.landing-page .step-card,.landing-page .step-card[data-depth="0"],:root[data-theme="dark"] .landing-page .step-card[data-depth="0"]{
  color:#fff!important;border:0!important;opacity:1!important;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.landing-page .step-card[data-step-index="0"]{background:var(--pop-blue)!important}
.landing-page .step-card[data-step-index="1"]{background:var(--pop-pink)!important}
.landing-page .step-card[data-step-index="2"]{background:var(--pop-orange)!important;color:var(--pop-navy)!important}
.landing-page .step-card[data-step-index="3"]{background:var(--pop-navy)!important}
.landing-page .step-card:hover{box-shadow:0 15px 33px rgba(9,38,52,.25)!important}
.landing-page .step-card.is-moving-back{opacity:1!important}
.landing-page .feature-grid .step-card span{color:inherit!important}
.landing-page .landing-benefits{background:var(--pop-navy)!important}
.landing-page .landing-benefits .benefit-grid .benefit-card,.landing-page .landing-benefits .benefit-grid .benefit-card:hover{background:#123747!important;border-color:#31566a!important}
.landing-page .landing-benefits .benefit-number{color:#ff9a7c!important}
.app-page .competition-hero{background:var(--pop-navy)!important;color:#fff!important;border-color:var(--pop-navy)!important}
.app-page .competition-hero h1,.app-page .competition-hero p,.app-page .competition-hero strong{color:#fff!important}
.app-page .competition-hero:not(.is-loading) h1{color:#fff!important;-webkit-text-fill-color:#fff!important}
.app-page .competition-hero::before{display:none!important}
.app-page .form-card[data-category="peliculas"]{background:var(--pop-pink)!important}
.app-page .form-card[data-category="series"]{background:var(--pop-navy)!important}
.app-page .form-card[data-category="anime"]{background:var(--pop-orange)!important}
.app-page .form-card[data-category]{border:0!important;color:#fff!important}
.app-page .form-card[data-category="anime"]{color:var(--pop-navy)!important}
.app-page .form-card[data-category]::before{display:none!important}
.app-page .form-card[data-category] h3,.app-page .form-card[data-category] p,.app-page .form-card[data-category] .form-meta,
.app-page .form-card[data-category] .status-pill,.app-page .form-card[data-category] .form-icon{color:inherit!important}
.app-page .form-card[data-category] .form-icon,.app-page .form-card[data-category] .status-pill{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.55)!important}
.app-page .form-card[data-category="anime"] .form-icon,.app-page .form-card[data-category="anime"] .status-pill{background:rgba(9,38,52,.1)!important;border-color:rgba(9,38,52,.25)!important}
.app-page .form-card[data-category] .button{background:var(--pop-white)!important;color:var(--pop-navy)!important;border-color:var(--pop-white)!important}
.app-page .form-card[data-category] .button:disabled{opacity:.8}
.app-page .daily-teaser{background:var(--pop-navy)!important;border-color:var(--pop-navy)!important;color:#fff!important}
.app-page .daily-teaser h2,.app-page .daily-teaser p,.app-page .daily-teaser .eyebrow{color:#fff!important}
.app-page .daily-teaser .button{background:var(--pop-orange)!important;border-color:var(--pop-orange)!important;color:var(--pop-navy)!important}
.quiz-page .progress-track i{background:var(--pop-pink)!important}
.quiz-page .quiz-progress strong{color:var(--pop-navy)!important;border-color:var(--pop-pink)!important}
:root[data-theme="dark"] .quiz-page .quiz-progress strong{color:var(--pop-white)!important;border-color:var(--pop-pink)!important;background:#123747!important}
.quiz-page .question-card .eyebrow,.quiz-page .result-card .eyebrow{color:#b80f32!important}
.quiz-page .answer-letter{background:#ffe5eb!important;color:var(--pop-navy)!important;border-color:#fd1843!important}
.quiz-page .answer.selected{border-color:var(--pop-pink)!important;background:#ffe5eb!important}
.app-page .form-card:hover{filter:brightness(1.07);transform:translateY(-7px) rotate(-.4deg)!important}
.app-page .form-card[data-category] .status-pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){.site-nav{grid-template-columns:auto 1fr!important}.landing-nav-links{grid-column:1/-1;grid-row:2;justify-content:center;margin:0!important}.landing-nav-actions{grid-column:2;grid-row:1}.site-nav>.theme-toggle{grid-column:2;grid-row:1}.site-nav .landing-account{max-width:115px}}
@media(max-width:620px){.site-nav{grid-template-columns:auto 1fr!important}.landing-nav-links{display:none}.landing-nav-actions{grid-column:2;grid-row:1}.site-nav>.theme-toggle{grid-column:2;grid-row:1}.site-nav .landing-account{display:none!important}}
@media(prefers-reduced-motion:reduce){.landing-page .showcase-card{transition:none!important}}