/* 28.10.2026: proba gratuită din pasul 1 (assets/mos-proba.js; hooo-core, module/proba-mos). Albastrul nopții din scena de sus,
   sigiliul de ceară de pe butonul demo-ului și rama aurie a cutiei; pe telefon, aceeași cutie, pe toată lățimea. */
.hp.mos .pm-proba{--pp-aur:#e6b764;--pp-noapte:#0c1533;grid-column:1/-1;margin:2px 0 4px;border-radius:18px;color:#fff3e3;
  background:url("mos/stele.png") 0 0/360px repeat,radial-gradient(120% 140% at 85% 0%,#1d2c63 0%,transparent 60%),linear-gradient(160deg,#111d48,#0c1533 70%);
  box-shadow:inset 0 0 0 1.5px #e6b76473,inset 0 0 0 5px #0c153300,0 18px 34px -22px #0c1533cc;overflow:hidden}
.hp.mos .pm-proba[hidden]{display:none!important}
.hp.mos .pm-proba__cere{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}
.hp.mos .pm-proba__cere:hover .pm-proba__sageata{transform:translateX(3px);background:#f2c879}
.hp.mos .pm-proba__cere:focus-visible{outline:3px solid #dfa74f;outline-offset:-3px;border-radius:18px}
.hp.mos .pm-proba__sigiliu{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;filter:drop-shadow(0 6px 10px #0008)}
.hp.mos .pm-proba__sigiliu img{width:100%;height:100%;object-fit:contain;display:block}
.hp.mos .pm-proba__text{display:grid;gap:4px;min-width:0;flex:1}
.hp.mos .pm-proba__text b{font:750 17px/1.25 var(--font-display);letter-spacing:-.015em;color:#fff6e6}
.hp.mos .pm-proba__text small{font-size:13px;line-height:1.5;color:#cdd4ee}
.hp.mos .pm-proba__sageata{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pp-aur);color:var(--pp-noapte);transition:transform .2s,background .2s}
.hp.mos .pm-proba__sageata svg{width:18px;height:18px}
/* așteptarea: sigiliul respiră, un fir auriu trece încet */
.hp.mos .pm-proba__asteapta{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;padding:16px 18px 18px}
.hp.mos .pm-proba__pas{margin:0;font:600 15px/1.45 var(--font-display);color:#fff3e3;min-height:2.9em;display:flex;align-items:center}
.hp.mos .pm-proba__fir{grid-column:1/-1;position:relative;height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden}
.hp.mos .pm-proba__fir i{position:absolute;inset:0 auto 0 0;width:38%;border-radius:3px;background:linear-gradient(90deg,transparent,#f2c879,transparent);animation:pp-fir 1.9s ease-in-out infinite}
.hp.mos .pm-proba__sigiliu--viu{animation:pp-respira 2.4s ease-in-out infinite}
@keyframes pp-fir{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}
@keyframes pp-respira{50%{transform:scale(1.07) rotate(-4deg);filter:drop-shadow(0 0 14px #e6b76488) drop-shadow(0 6px 10px #0008)}}
/* gata: ecranul în rama aurie, sigiliul ca buton, finalul cu continuarea */
.hp.mos .pm-proba__gata{padding:12px 12px 14px}
.hp.mos .pm-proba__ecran{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#070d22;box-shadow:0 0 0 2px var(--pp-aur),0 0 0 6px #e6b76422,0 16px 30px -18px #000}
.hp.mos .pm-proba__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#070d22}
/* butonul de pornire: o pastilă jos, în stânga, ca „Vezi mesajul demonstrativ” din erou; plicul cu numele rămâne la vedere */
.hp.mos .pm-proba__play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 14px 14px;border:0;cursor:pointer;color:#fff;
  background:linear-gradient(180deg,#0c153300 62%,#0c153399 100%)}
.hp.mos .pm-proba__pastila{display:flex;align-items:center;gap:11px;padding:6px 16px 6px 6px;border-radius:999px;background:#0b1430d1;box-shadow:inset 0 0 0 1px #e6b76455;backdrop-filter:blur(8px);text-align:left}
.hp.mos .pm-proba__play .pm-proba__sigiliu{width:46px;height:46px;transition:transform .25s}
.hp.mos .pm-proba__play:hover .pm-proba__sigiliu,.hp.mos .pm-proba__play:focus-visible .pm-proba__sigiliu{transform:scale(1.08) rotate(-6deg)}
.hp.mos .pm-proba__play:focus-visible{outline:3px solid #dfa74f;outline-offset:-3px}
.hp.mos .pm-proba__play-t{display:grid;gap:2px}
.hp.mos .pm-proba__play-t b{font:700 14px/1.2 var(--font-display)}
.hp.mos .pm-proba__play-t small{font-size:11px;color:#d8ddf2}
.hp.mos .pm-proba__final{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:linear-gradient(#0c1533bf,#0c1533e0),var(--pp-poster,none) center/cover no-repeat #0c1533}
.hp.mos .pm-proba__continua{min-height:52px;max-width:100%;padding:12px 24px;border-radius:999px;font-size:15px;line-height:1.25;cursor:pointer;white-space:normal}
.hp.mos .pm-proba__din-nou{padding:4px;border:0;background:none;color:#f2dfb8;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hp.mos .pm-proba__nota{margin:12px 4px 0;font-size:13px;line-height:1.55;color:#d9def3}
.hp.mos .pm-proba__nota--nume{margin-top:6px;padding:9px 12px;border-radius:10px;background:#ffffff0f;color:#f6e7c9}
.hp.mos .pm-proba__stare{margin:0;padding:0 16px;font-size:13px;line-height:1.5;color:#cdd4ee}
.hp.mos .pm-proba__stare:not(:empty){padding:0 16px 14px}
.hp.mos .pm-proba__stare.is-eroare{color:#ffc9c2}
@media (max-width:599px){
  .hp.mos .pm-proba{border-radius:16px}
  .hp.mos .pm-proba__cere{gap:12px;padding:13px 13px}
  .hp.mos .pm-proba__sigiliu{width:46px;height:46px}
  .hp.mos .pm-proba__text b{font-size:16px}
  .hp.mos .pm-proba__text small{font-size:12.5px}
  .hp.mos .pm-proba__sageata{width:34px;height:34px}
  .hp.mos .pm-proba__gata{padding:8px 8px 12px}
  .hp.mos .pm-proba__play{padding:0 8px 8px}
  .hp.mos .pm-proba__pastila{gap:8px;padding:4px 12px 4px 4px}
  .hp.mos .pm-proba__play .pm-proba__sigiliu{width:34px;height:34px}
  .hp.mos .pm-proba__play-t b{font-size:13px}
  .hp.mos .pm-proba__play-t small{font-size:10px}
  .hp.mos .pm-proba__continua{min-height:46px;padding:10px 18px;font-size:14px}
  .hp.mos .pm-proba__final{gap:8px}
}
@media (prefers-reduced-motion:reduce){.hp.mos .pm-proba__fir i,.hp.mos .pm-proba__sigiliu--viu{animation:none}.hp.mos .pm-proba__fir i{width:100%;opacity:.5}}