/* AutoSchools V2.0.7 — Guest + Account full-card Hero completion.
   These states now use the same approved background-art plane, motion and
   responsive containment as the authenticated role workspaces. */
.role-hero--guest,
.role-hero--account {
  background:
    radial-gradient(circle at 74% 27%, rgba(12,111,255,.19), transparent 18rem),
    linear-gradient(145deg, rgba(9,27,58,.97), rgba(2,11,27,.97));
}
.role-hero--guest .role-subtitle,
.role-hero--account .role-subtitle { display:none; }

/* Guest discovery scene: broad ecosystem artwork, leaving a safe left copy rail. */
.role-hero--guest {
  --hero-art-width: 86%;
  --hero-art-right: -14%;
  --hero-art-y: 110px;
  --hero-art-scale: 1.05;
  --hero-copy-width: 60%;
}
/* Account scene: centered identity/security artwork with slightly wider copy. */
.role-hero--account {
  --hero-art-width: 84%;
  --hero-art-right: -13%;
  --hero-art-y: 109px;
  --hero-art-scale: 1.04;
  --hero-copy-width: 61%;
}
.approved-role-art--guest img { filter:drop-shadow(0 19px 34px rgba(0,72,190,.56)) saturate(1.14) contrast(1.04); }
.approved-role-art--account img { filter:drop-shadow(0 20px 35px rgba(0,70,185,.53)) saturate(1.12) contrast(1.04); }
.role-hero--guest .approved-art-halo { width:68%; right:-3%; }
.role-hero--account .approved-art-halo { width:66%; right:-2%; }

@media (max-width:430px) {
  .role-hero--guest { --hero-art-width: 89%; --hero-art-right:-18%; --hero-art-y:89px; --hero-copy-width:65%; }
  .role-hero--account { --hero-art-width: 87%; --hero-art-right:-17%; --hero-art-y:89px; --hero-copy-width:67%; }
}
@media (max-width:390px) {
  .role-hero--guest { --hero-art-width: 92%; --hero-art-right:-21%; --hero-art-y:88px; --hero-copy-width:69%; }
  .role-hero--account { --hero-art-width: 90%; --hero-art-right:-20%; --hero-art-y:88px; --hero-copy-width:71%; }
  .role-hero--account h2 { font-size:23.5px; }
}
@media (max-width:350px) {
  .role-hero--guest { --hero-art-width: 96%; --hero-art-right:-25%; --hero-art-y:86px; }
  .role-hero--account { --hero-art-width: 94%; --hero-art-right:-24%; --hero-art-y:86px; }
  .role-hero--guest .role-hero-copy { width:73%; }
  .role-hero--account .role-hero-copy { width:76%; }
  .role-hero--account h2 { font-size:21px; }
}

.no-motion .approved-role-art--guest img,
.no-motion .approved-role-art--account img { animation:none!important; transition:none!important; }
@media (prefers-reduced-motion:reduce) {
  .approved-role-art--guest img,
  .approved-role-art--account img { animation:none!important; transition:none!important; }
}