/* Fereastra „doar pe calculator” apare doar sub 760 px, din @media, fără JS; nu se poate închide. */
.oamd{display:none}
@media (max-width:760px){
  .oamd{display:flex}
  body{overflow:hidden}
}
.oamd{position:fixed;inset:0;z-index:100000;align-items:center;justify-content:center;overflow-y:auto;
  padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));
  background:
    radial-gradient(60% 40% at 50% 0%,rgba(201,168,232,.22),rgba(201,168,232,0) 70%),
    radial-gradient(50% 35% at 85% 100%,rgba(247,142,106,.16),rgba(247,142,106,0) 70%),
    rgba(9,9,13,.9);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;color:#f4f4f7;
  animation:oamdIn .45s ease both}
.oamd-card{position:relative;width:min(380px,100%);margin:auto;padding:0 24px 28px;border-radius:28px;text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 40%),#121217;
  border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4);
  animation:oamdUp .55s cubic-bezier(.2,.8,.2,1) both}

.oamd-fy{position:relative;width:176px;height:176px;margin:-64px auto 4px}
.oamd-fy::before{content:"";position:absolute;inset:18% 8% 4%;border-radius:50%;filter:blur(26px);
  background:radial-gradient(circle,rgba(201,168,232,.55),rgba(157,216,194,.25) 55%,rgba(0,0,0,0) 75%)}
/* Masca stă pe poze, nu pe tot blocul, ca lumina din spate să nu fie tăiată în dreptunghi. */
.oamd-fy img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;animation:oamdFloat 6s ease-in-out infinite;
  -webkit-mask-image:linear-gradient(to bottom,#000 70%,rgba(0,0,0,0) 98%);mask-image:linear-gradient(to bottom,#000 70%,rgba(0,0,0,0) 98%)}
.oamd-fy .h{transform-origin:18.55% 56.12%;animation:oamdFloat 6s ease-in-out infinite,oamdWave 5s ease-in-out .9s infinite}

.oamd-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 9px;border-radius:999px;
  background:rgba(157,216,194,.12);border:1px solid rgba(157,216,194,.28);color:#d8f1e7;font-size:12.5px;font-weight:500}
.oamd-pill svg{width:16px;height:16px;flex:none}
.oamd-t{margin:14px 0 0;font:600 24px/1.2 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.02em;color:#f4f4f7;text-wrap:balance}
.oamd-p{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:#c5c5ce}

@keyframes oamdIn{from{opacity:0}to{opacity:1}}
@keyframes oamdUp{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes oamdFloat{50%{translate:0 -5px}}
@keyframes oamdWave{0%,46%,100%{rotate:0deg}8%{rotate:-9deg}17%{rotate:7deg}26%{rotate:-6deg}35%{rotate:3deg}}
@media (prefers-reduced-motion:reduce){
  .oamd,.oamd *{animation:none!important;transition:none!important}
}