/* Praxoria Home Refinement v594
   Nur Sequenz 1: Zugangscode -> erfolgreich eingelöst -> Lern-Cockpit baut Inhalt vollständig auf -> Kurseinheit öffnet.
   Transfer und Nachweis bleiben unverändert. */

html body.home.homeRefinedV594 .sceneLearnV588{
  overflow:hidden !important;
}

/* Ruhiger Aufbau: Der Code steht als Ticket unter dem Cockpit und wird erst nach erfolgreicher Eingabe eingelöst. */
html body.home.homeRefinedV594 .sceneLearnV588 .learnerAtCodeV588{
  left:6.5% !important;
  top:36% !important;
  z-index:12 !important;
  animation:v594LearnerCodeToCockpit 12s cubic-bezier(.22,.72,.18,1) infinite !important;
}

html body.home.homeRefinedV594 .accessMomentV588{
  left:22% !important;
  top:43% !important;
  width:270px !important;
  padding:18px 22px !important;
  z-index:11 !important;
  border-radius:24px !important;
  border-color:rgba(69,168,204,.24) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.93), rgba(244,252,255,.78)) !important;
  box-shadow:0 22px 56px rgba(18,36,58,.09), inset 0 1px 0 rgba(255,255,255,.94) !important;
  transform-origin:78% 0 !important;
  animation:v594AccessTicketRedeem 12s cubic-bezier(.22,.72,.18,1) infinite !important;
}

html body.home.homeRefinedV594 .accessMomentV588::after{
  content:"✓" !important;
  position:absolute !important;
  right:18px !important;
  top:50% !important;
  width:29px !important;
  height:29px !important;
  margin-top:-14.5px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(143,180,95,.12) !important;
  border:1px solid rgba(143,180,95,.28) !important;
  color:#5f8138 !important;
  font-size:18px !important;
  font-weight:950 !important;
  opacity:0 !important;
  transform:scale(.72) !important;
  animation:v594AccessCheck 12s ease-in-out infinite !important;
}

html body.home.homeRefinedV594 .codeFieldV588{
  height:46px !important;
  border-radius:16px !important;
  padding-right:50px !important;
  background:rgba(255,255,255,.80) !important;
}

/* Das Cockpit ist zunächst nur ein bereiter Raum. Inhalt erscheint erst nach erfolgreicher Code-Eingabe. */
html body.home.homeRefinedV594 .cockpitMomentV588{
  left:27% !important;
  top:8% !important;
  width:min(430px, 50%) !important;
  min-height:330px !important;
  padding:27px 31px 28px !important;
  z-index:6 !important;
  border-radius:28px !important;
  border-color:rgba(69,168,204,.20) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.93), rgba(255,255,255,.68)) !important;
  box-shadow:0 30px 80px rgba(25,52,78,.075), inset 0 1px 0 rgba(255,255,255,.92) !important;
  transform-origin:center top !important;
  animation:v594CockpitShellOpen 12s cubic-bezier(.2,.72,.18,1) infinite !important;
}

/* Status-Badge erst nach Einlösung. */
html body.home.homeRefinedV594 .cockpitMomentV588::before{
  content:"Zugang aktiviert" !important;
  position:absolute !important;
  right:26px !important;
  top:25px !important;
  height:25px !important;
  padding:0 10px 0 25px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  background:rgba(69,168,204,.10) !important;
  border:1px solid rgba(69,168,204,.18) !important;
  color:rgba(23,33,52,.62) !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  opacity:0 !important;
  transform:translateY(5px) scale(.96) !important;
  animation:v594AccessBadge 12s ease-in-out infinite !important;
}
html body.home.homeRefinedV594 .cockpitMomentV588::after{
  content:"" !important;
  position:absolute !important;
  right:calc(26px + 92px) !important;
  top:31px !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:rgba(69,168,204,.74) !important;
  box-shadow:0 0 0 6px rgba(69,168,204,.08) !important;
  opacity:0 !important;
  transform:scale(.82) !important;
  animation:v594AccessBadgeDot 12s ease-in-out infinite !important;
}

/* Inhalt als geschlossene Cockpit-Schicht: nicht leer, nicht teilweise stehenbleibend. */
html body.home.homeRefinedV594 .cockpitMomentV588 .sceneEyebrowV588,
html body.home.homeRefinedV594 .cockpitMomentV588 > strong,
html body.home.homeRefinedV594 .courseFlowV588,
html body.home.homeRefinedV594 .nextPillV588{
  opacity:0 !important;
  transform:translateY(8px) !important;
  animation:v594CockpitContentIn 12s ease-in-out infinite !important;
}

html body.home.homeRefinedV594 .cockpitMomentV588 > strong{
  max-width:330px !important;
}

html body.home.homeRefinedV594 .courseFlowV588{
  display:grid !important;
  gap:13px !important;
  margin:22px 0 18px !important;
}

/* Alte Einzel-Row-Animationen aus v592/v593 neutralisieren. Die Reihen bleiben als vollständiger Kursaufbau sichtbar. */
html body.home.homeRefinedV594 .courseFlowV588 .flowRowV588,
html body.home.homeRefinedV594 .courseFlowV588 .flowRowV588.isQuietV588{
  animation:none !important;
  opacity:1 !important;
  transform:none !important;
  color:#172134 !important;
}
html body.home.homeRefinedV594 .courseFlowV588 .flowRowV588.isQuietV588{
  opacity:.56 !important;
}
html body.home.homeRefinedV594 .courseFlowV588 .flowRowV588.isActiveV588{
  font-weight:900 !important;
}

/* Der nächste Schritt wird als Öffnungsimpuls inszeniert. */
html body.home.homeRefinedV594 .nextPillV588{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr 32px !important;
  grid-template-rows:auto auto !important;
  column-gap:14px !important;
  align-items:center !important;
  width:min(265px, 100%) !important;
  min-height:64px !important;
  padding:12px 14px 12px 17px !important;
  margin-top:6px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:linear-gradient(135deg, rgba(69,168,204,.15), rgba(255,255,255,.86)) !important;
  border:1px solid rgba(69,168,204,.24) !important;
  box-shadow:0 18px 42px rgba(69,168,204,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
  animation:v594NextStepOpens 12s cubic-bezier(.2,.72,.18,1) infinite !important;
}
html body.home.homeRefinedV594 .nextPillV588::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.75) 42%, transparent 74%) !important;
  transform:translateX(-115%) !important;
  opacity:0 !important;
  animation:v594NextShine 12s ease-in-out infinite !important;
}

html body.home.homeRefinedV594 .unitMomentV588{
  left:35% !important;
  top:67% !important;
  bottom:auto !important;
  width:min(395px, 51%) !important;
  min-height:118px !important;
  padding:22px 26px !important;
  z-index:8 !important;
  border-radius:24px !important;
  border-color:rgba(210,165,78,.25) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.93), rgba(255,250,241,.74)) !important;
  box-shadow:0 28px 70px rgba(98,71,24,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
  transform-origin:35% 0 !important;
  opacity:0 !important;
  animation:v594UnitFollowsNextStep 12s cubic-bezier(.2,.72,.18,1) infinite !important;
}
html body.home.homeRefinedV594 .unitMomentV588::before{
  content:"" !important;
  position:absolute !important;
  top:-18px !important;
  left:64px !important;
  width:92px !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(210,165,78,0), rgba(210,165,78,.50), rgba(210,165,78,0)) !important;
  opacity:0 !important;
  transform:scaleX(.2) !important;
  transform-origin:left center !important;
  animation:v594OpenBeam 12s ease-in-out infinite !important;
}

/* Saubere optische Führung Code -> Cockpit -> Kurseinheit. */
html body.home.homeRefinedV594 .traceLearnOneV588{
  left:35% !important;
  top:43% !important;
  width:19% !important;
  height:2px !important;
  transform:rotate(-58deg) !important;
  animation:v594CodeToCockpitTrace 12s ease-in-out infinite !important;
}
html body.home.homeRefinedV594 .traceLearnTwoV588{
  left:50% !important;
  top:61% !important;
  width:17% !important;
  height:2px !important;
  transform:rotate(60deg) !important;
  background:linear-gradient(90deg, rgba(210,165,78,0), rgba(210,165,78,.46), rgba(210,165,78,0)) !important;
  animation:v594CockpitToUnitTrace 12s ease-in-out infinite !important;
}

@keyframes v594LearnerCodeToCockpit{
  0%,24%{ opacity:1; transform:translate(0,0) scale(1); }
  32%,56%{ opacity:.82; transform:translate(20px,-12px) scale(.98); }
  70%,100%{ opacity:.62; transform:translate(30px,-18px) scale(.96); }
}
@keyframes v594AccessTicketRedeem{
  0%,22%{ opacity:1; transform:translate(0,0) scale(1); filter:none; }
  27%,32%{ opacity:1; transform:translate(18px,-8px) scale(.985); filter:none; }
  40%{ opacity:0; transform:translate(146px,-136px) scale(.42); filter:blur(.8px); }
  41%,100%{ opacity:0; transform:translate(146px,-136px) scale(.42); filter:blur(.8px); }
}
@keyframes v594AccessCheck{
  0%,17%{ opacity:0; transform:scale(.72); }
  21%,30%{ opacity:1; transform:scale(1); }
  38%,100%{ opacity:0; transform:scale(.82); }
}
@keyframes v594CockpitShellOpen{
  0%,20%{ opacity:.88; transform:translateY(8px) scale(.965); clip-path:inset(0 0 44% 0 round 28px); filter:blur(.15px); }
  30%,92%{ opacity:1; transform:translateY(0) scale(1); clip-path:inset(0 0 0 0 round 28px); filter:none; }
  100%{ opacity:.96; transform:translateY(-1px) scale(.996); clip-path:inset(0 0 0 0 round 28px); filter:none; }
}
@keyframes v594AccessBadge{
  0%,26%{ opacity:0; transform:translateY(5px) scale(.96); }
  34%,86%{ opacity:1; transform:translateY(0) scale(1); }
  100%{ opacity:.62; transform:translateY(-1px) scale(.985); }
}
@keyframes v594AccessBadgeDot{
  0%,26%{ opacity:0; transform:scale(.72); }
  34%,86%{ opacity:1; transform:scale(1); }
  100%{ opacity:.72; transform:scale(.92); }
}
@keyframes v594CockpitContentIn{
  0%,32%{ opacity:0; transform:translateY(8px); }
  40%,90%{ opacity:1; transform:translateY(0); }
  100%{ opacity:.72; transform:translateY(-1px); }
}
@keyframes v594NextStepOpens{
  0%,48%{ opacity:0; transform:translateY(12px) scale(.98); }
  56%,68%{ opacity:1; transform:translateY(0) scale(1); box-shadow:0 18px 42px rgba(69,168,204,.08), inset 0 1px 0 rgba(255,255,255,.92); }
  74%,82%{ opacity:1; transform:translateY(-2px) scale(1.025); box-shadow:0 24px 58px rgba(69,168,204,.15), inset 0 1px 0 rgba(255,255,255,.94); }
  92%,100%{ opacity:.86; transform:translateY(-2px) scale(.998); }
}
@keyframes v594NextShine{
  0%,56%{ opacity:0; transform:translateX(-115%); }
  66%{ opacity:.75; }
  80%,100%{ opacity:0; transform:translateX(118%); }
}
@keyframes v594UnitFollowsNextStep{
  0%,64%{ opacity:0; transform:translateY(-12px) scale(.96); clip-path:inset(0 0 100% 0 round 24px); filter:blur(.6px); }
  72%,90%{ opacity:1; transform:translateY(0) scale(1); clip-path:inset(0 0 0 0 round 24px); filter:none; }
  100%{ opacity:.92; transform:translateY(-1px) scale(.996); clip-path:inset(0 0 0 0 round 24px); filter:none; }
}
@keyframes v594OpenBeam{
  0%,62%{ opacity:0; transform:scaleX(.2); }
  72%,84%{ opacity:.72; transform:scaleX(1); }
  100%{ opacity:0; transform:scaleX(1); }
}
@keyframes v594CodeToCockpitTrace{
  0%,23%{ opacity:0; transform:scaleX(.2) rotate(-58deg); }
  30%,42%{ opacity:.48; transform:scaleX(1) rotate(-58deg); }
  54%,100%{ opacity:0; transform:scaleX(1) rotate(-58deg); }
}
@keyframes v594CockpitToUnitTrace{
  0%,56%{ opacity:0; transform:scaleX(.18) rotate(60deg); }
  68%,82%{ opacity:.48; transform:scaleX(1) rotate(60deg); }
  94%,100%{ opacity:.12; transform:scaleX(1) rotate(60deg); }
}

@media (prefers-reduced-motion: reduce){
  html body.home.homeRefinedV594 .sceneLearnV588 .learnerAtCodeV588,
  html body.home.homeRefinedV594 .accessMomentV588,
  html body.home.homeRefinedV594 .accessMomentV588::after,
  html body.home.homeRefinedV594 .cockpitMomentV588,
  html body.home.homeRefinedV594 .cockpitMomentV588::before,
  html body.home.homeRefinedV594 .cockpitMomentV588::after,
  html body.home.homeRefinedV594 .cockpitMomentV588 .sceneEyebrowV588,
  html body.home.homeRefinedV594 .cockpitMomentV588 > strong,
  html body.home.homeRefinedV594 .courseFlowV588,
  html body.home.homeRefinedV594 .nextPillV588,
  html body.home.homeRefinedV594 .nextPillV588::before,
  html body.home.homeRefinedV594 .unitMomentV588,
  html body.home.homeRefinedV594 .unitMomentV588::before,
  html body.home.homeRefinedV594 .traceLearnOneV588,
  html body.home.homeRefinedV594 .traceLearnTwoV588{
    animation:none !important;
    transform:none !important;
    clip-path:none !important;
    filter:none !important;
  }
  html body.home.homeRefinedV594 .accessMomentV588,
  html body.home.homeRefinedV594 .accessMomentV588::after{
    opacity:0 !important;
  }
  html body.home.homeRefinedV594 .cockpitMomentV588,
  html body.home.homeRefinedV594 .cockpitMomentV588::before,
  html body.home.homeRefinedV594 .cockpitMomentV588::after,
  html body.home.homeRefinedV594 .cockpitMomentV588 .sceneEyebrowV588,
  html body.home.homeRefinedV594 .cockpitMomentV588 > strong,
  html body.home.homeRefinedV594 .courseFlowV588,
  html body.home.homeRefinedV594 .nextPillV588,
  html body.home.homeRefinedV594 .unitMomentV588{
    opacity:1 !important;
  }
  html body.home.homeRefinedV594 .courseFlowV588 .flowRowV588.isQuietV588{
    opacity:.56 !important;
  }
}

@media (max-width: 1220px){
  html body.home.homeRefinedV594 .cockpitMomentV588{ left:24% !important; width:min(410px, 54%) !important; }
  html body.home.homeRefinedV594 .accessMomentV588{ left:21% !important; }
  html body.home.homeRefinedV594 .unitMomentV588{ left:31% !important; width:min(370px, 56%) !important; }
}

@media (max-width: 680px){
  html body.home.homeRefinedV594 .cockpitMomentV588{ left:9% !important; top:9% !important; width:82% !important; min-height:305px !important; }
  html body.home.homeRefinedV594 .accessMomentV588{ left:15% !important; top:43% !important; width:68% !important; }
  html body.home.homeRefinedV594 .unitMomentV588{ left:12% !important; top:70% !important; width:76% !important; }
}