/* ══════════════════════════════════════════════════════════════════════════
   SKENUOK.LT — prisijungimas.  Koncepcija: „NIEKO, TIK KOSMOSAS".
   Jokios kortelės, jokio tinklelio, jokių laukų dėžučių, jokio lazerio,
   jokių kometų, jokio antraštinio teksto. Tik tikras kosmoso kadras ir
   ant jo — keturi būtini dalykai: vardas, slaptažodis, mygtukas, nuoroda.
   Dangaus sluoksnis gyvena atskirai: sky.css + sky.js.
   Etikečių apdaila (žvaigždinis tekstas) — labels.css.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 0. Šio puslapio tylos režimas ─────────────────────────────────────────*/

/* Viršutinis „Prisijungti" mygtukas veda ten, kur žmogus jau yra. */
header a[href="/login"].pbtn-primary,
nav a[href="/login"].pbtn-primary { display: none !important; }

/* Slapukų mygtukas apačioje kairėje kabo virš kosmoso ir gadina kadrą.
   Slepiam TIK šiame puslapyje: sutikimą atšaukti galima kiekviename kitame
   puslapyje ir /slapuku-politika, į kurį veda šio puslapio poraštės nuoroda —
   todėl atšaukimas lieka toks pat lengvas kaip davimas. */
#cookie-revoke { display: none !important; }

/* Antraštės juosta turi vientisą juodą foną ir apatinį brūkšnį — kosmose
   tai atrodo kaip nupjautas dangaus kraštas. */
body:has(.sky) > header,
body:has(.sky) header[style*="sk-header"] {
  background: transparent !important;
  border-bottom-color: transparent !important;
}

/* Bendras app'o canvas žvaigždynas ir aurora — po tikru video jie nereikalingi. */
body:has(.sky) #bg-network { display: none !important; }
body:has(.sky) .bg-aurora  { display: none !important; }

/* `partials/scanner-bg.html` šiame puslapyje nebeįtraukiamas — kartu dingo
   „SCANNING · ADA/USDT" juosta IR animuota raketos emoji (abu iš
   scanner-bg.js). Apsauga, jei kada nors grįžtų per kitą kelią: */
.scanner-bg, .rocket-easter-egg { display: none !important; }

/* ── 1. SCENA ──────────────────────────────────────────────────────────────*/
/* `dvh`, o ne `vh`: telefone adreso juosta ir klaviatūra keičia `vh` ir
   turinys pašoka. `dvh` seka tikrą matomą aukštį. */
.lgn-stage {
  position: relative; z-index: 10;
  min-height: calc(100dvh - 9rem);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 48px 20px 40px;
}

/* ── 2. TURINYS — keturi dalykai ir nieko daugiau ─────────────────────────*/
/* Įėjimo animacijos NĖRA sąmoningai. Pakopinis laukų atsiradimas telefone
   atrodė kaip mirgėjimas: kol dekoduojamas video, kadrai krenta, ir žmogus
   mato, tarsi „Vartotojo vardas" atsirastų du tris kartus iš naujo.
   Puslapis ir taip gražus — judesys čia kainavo daugiau, nei davė. */
.lgn {
  position: relative; z-index: 1;
  width: 100%; max-width: 372px;
}

/* ── 3. LAUKAI — be dėžučių ────────────────────────────────────────────────
   Vietoj rėmelio — viena plaukelio linija po įvestimi. Laukas skaitosi kaip
   laukas, bet nieko neuždengia: tekstas guli tiesiai ant žvaigždžių. */
.fld { position: relative; margin-bottom: 30px; }

.fld input {
  width: 100%; margin: 0; padding: 7px 2px 11px;
  background: transparent; border: 0; outline: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  color: #f3f3f5; font-size: 17px; letter-spacing: -0.005em;
  font-family: 'Inter', -apple-system, sans-serif;
  transition: border-color 260ms ease;
}
.fld input::placeholder { color: rgba(255, 255, 255, 0.16); }
.fld input[type="password"] {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing: 0.2em; font-size: 15px;
}

/* Fokusas: po linija išauga cyan brūkšnys nuo kairės. */
.fld::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: var(--accent-bright, #38bdf8);
  transform: scaleX(0); transform-origin: left;
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.55);
}
.fld:focus-within::after { transform: scaleX(1); }

/* Chrome autofill nudažo laukus geltonai — čia tai atrodytų kaip klaida.
   Fono nėra, todėl dažom pačia tamsiausia kosmoso spalva. */
.fld input:-webkit-autofill,
.fld input:-webkit-autofill:hover,
.fld input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f3f3f5;
  -webkit-box-shadow: 0 0 0 1000px rgba(6, 7, 10, 0.92) inset;
  caret-color: #f3f3f5;
  transition: background-color 9999s ease-in-out 0s;
}

/* ── 4. VEIKSMAS ───────────────────────────────────────────────────────────
   Vienintelis vientisas daiktas puslapyje. Balta ant kosmoso.
   Nori firminio cyan? background:#22d3ee; color:#04080b. */
.lgn__go {
  display: block; width: 100%; height: 54px; margin-top: 8px;
  border: 0; border-radius: 14px; cursor: pointer;
  background: #f2f2ef; color: #08090c;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px; font-weight: 700;
  letter-spacing: 0.18em; text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
              0 10px 34px -18px rgba(255, 255, 255, 0.4);
  transition: background 180ms ease, transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 180ms ease;
}
.lgn__go:hover {
  background: #ffffff; transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9),
              0 14px 38px -18px rgba(255, 255, 255, 0.52);
}
.lgn__go:active { transform: translateY(0); background: #dcdcd8; }
.lgn__go:focus-visible { outline: 2px solid rgba(125, 211, 252, 0.9); outline-offset: 3px; }

/* ── 5. ANTRINIS KELIAS ────────────────────────────────────────────────────*/
.lgn__alt {
  margin: 26px 0 0; text-align: center;
  font-size: 12.5px; color: rgba(255, 255, 255, 0.42);
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.85);
}
.lgn__alt a {
  color: var(--accent-bright, #38bdf8); font-weight: 600; text-decoration: none;
  border-bottom: 1px solid rgba(56, 189, 248, 0.25); padding-bottom: 1px;
  transition: color 200ms ease, border-color 200ms ease;
}
.lgn__alt a:hover { color: #7dd3fc; border-color: rgba(125, 211, 252, 0.65); }

/* ── 6. PRANEŠIMAI (klaida / žinutė) ──────────────────────────────────────*/
.lgn__note {
  margin: 0 0 26px; padding: 11px 14px; border-radius: 11px;
  font-size: 12.5px; line-height: 1.5;
  border: 1px solid rgba(56, 189, 248, 0.22);
  background: rgba(8, 24, 34, 0.66);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  color: #7dd3fc;
}
.lgn__note--bad {
  border-color: rgba(248, 113, 113, 0.3);
  background: rgba(34, 10, 12, 0.7); color: #fca5a5;
}
.lgn__note--ok {
  border-color: rgba(52, 211, 153, 0.3);
  background: rgba(6, 30, 22, 0.7); color: #6ee7b7;
}

/* ── 7. REGISTRACIJA: užuominos + sutikimo varnelė ────────────────────────*/
.lgn__hint {
  margin: 7px 0 0; font-size: 11px; line-height: 1.4;
  color: rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.85);
}
.lgn__agree {
  display: flex; align-items: flex-start; gap: 11px;
  margin: 4px 0 26px; cursor: pointer;
  font-size: 12px; line-height: 1.55; color: rgba(255, 255, 255, 0.46);
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.9);
}
.lgn__agree input[type="checkbox"] {
  margin: 1px 0 0; width: 16px; height: 16px; flex-shrink: 0;
  accent-color: #22d3ee; cursor: pointer;
}
.lgn__agree a { color: var(--accent-bright, #38bdf8); text-decoration: none; }
.lgn__agree a:hover { text-decoration: underline; }

/* ── 8. AKADEMIJOS PAPILDYMAS ─────────────────────────────────────────────*/
.lgn__join { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.09); }
.lgn__join-t { font-size: 13px; font-weight: 600; color: rgba(255, 255, 255, 0.85); margin: 0 0 4px;
               text-shadow: 0 1px 10px rgba(0, 0, 0, 0.85); }
.lgn__join-s { font-size: 12.5px; line-height: 1.55; color: rgba(255, 255, 255, 0.42); margin: 0 0 14px;
               text-shadow: 0 1px 10px rgba(0, 0, 0, 0.85); }
.lgn__join-a {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 12.5px; font-weight: 600; text-decoration: none;
  color: var(--accent-bright, #38bdf8);
  border-bottom: 1px solid rgba(56, 189, 248, 0.28); padding-bottom: 2px;
  transition: color 200ms ease, border-color 200ms ease, gap 200ms ease;
}
.lgn__join-a:hover { color: #7dd3fc; border-color: rgba(125, 211, 252, 0.7); gap: 10px; }

/* App Store 3.1.1: iOS programėlėje išorinės pirkimo nuorodos NEGALI matytis.
   Anksčiau tą darė custom.css taisyklė `html.is-native .acad-join`; pervadinus
   klasę ji nustotų veikti, todėl apsauga pakartota čia. */
html.is-native .lgn__join { display: none !important; }

/* ── 9. „Sign in with Apple" (miega, bet stilius paruoštas) ───────────────*/
#apple-signin-wrapper { border-top-color: rgba(255, 255, 255, 0.08) !important; }

/* ── 10. TELEFONAS ────────────────────────────────────────────────────────*/
@media (max-width: 560px) {
  /* Scena BE min-height: anksčiau ji buvo beveik per visą ekraną, forma
     baigdavosi ties 454 px, o scena tęsdavosi iki 801 — 347 px tuštumos,
     ir tik po jos poraštė. Dabar scena apkabina turinį, poraštė eina iškart. */
  /* Tarpai FIKSUOTI pikseliais, ne `vh`. Programėlėje atidarius klaviatūrą
     WebView susitraukia, `vh` persiskaičiuoja ir po sekundės visas turinys
     pašokdavo aukštyn — atrodė kaip lagas. Dabar niekas puslapyje nepriklauso
     nuo ekrano aukščio, todėl klaviatūra nieko nebejudina. */
  .lgn-stage { padding: 88px 24px 72px; min-height: 0; justify-content: flex-start; }
  .lgn { max-width: none; }
  .fld { margin-bottom: 32px; }
  .fld input { font-size: 17px; padding: 8px 2px 12px; }
  .lgn__go { height: 56px; }
  .scanner-bg__status { bottom: 16px; left: 16px; font-size: 9px; }
}

@media (max-height: 680px) {
  .lgn-stage { min-height: 0; padding-top: 26px; padding-bottom: 26px; }
  .fld { margin-bottom: 24px; }
}

/* Telefone programėlėje tempiant už turinio ribų atsiverdavo tuščias kosmosas
   be nieko. Atmušimo (rubber-band) išjungimas tą uždaro. */
body:has(.sky) { overscroll-behavior-y: none; }


/* ===== DANGUS ===== */
/* ══════════════════════════════════════════════════════════════════════════
   DANGUS — tikras kadras, ne kodu pieštos žvaigždės.
   Kodu pieštas žvaigždynas šalia viso kito atrodė pigiai; čia guli
   sugeneruotas kosmoso klipas, sukilpintas be siūlės („ping-pong").
   ══════════════════════════════════════════════════════════════════════════ */
/* `lvh` (didysis matomas aukštis), o ne `inset:0`: atidarius klaviatūrą
   WebView susitraukia, ir fonas persidėliotų kartu su ja. Su `lvh` dangus
   lieka tokio pat dydžio ir nejuda. */
.sky {
  position: fixed; top: 0; left: 0; z-index: 1;
  width: 100%; height: 100%; height: 100lvh;
  pointer-events: none; overflow: hidden;
  background: #040507;
}

.sky__vid {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  /* Generuotas klipas šviesesnis, nei reikia fonui: prislopinam, kad
     baltas tekstas ir mygtukas liktų ryškiausi puslapyje. */
  filter: brightness(0.78) saturate(0.92) contrast(1.06);
  /* Kol video krauna, po juo matosi 30 KB stopkadras. Kai gali groti —
     sky.js uždeda .is-on ir video tyliai persidengia. */
  opacity: 0;
  transition: opacity 700ms ease;
}
.sky__vid.is-on { opacity: 1; }

/* Atsarga: jei video neužsikrauna arba išjungtas judesys — lieka stopkadras. */
.sky__poster {
  position: absolute; inset: 0;
  background-position: center; background-size: cover;
  filter: brightness(0.78) saturate(0.92) contrast(1.06);
}

/* Gradavimas: vidurys patamsinamas, kad tekstas skaitytųsi bet kuriame kadre,
   viršus ir apačia — kad antraštė ir poraštė turėtų pagrindą. */
.sky__grade {
  position: absolute; inset: 0;
  background:
    radial-gradient(44% 44% at 50% 46%, rgba(4, 5, 7, 0.88), rgba(4, 5, 7, 0.52) 46%, transparent 78%),
    linear-gradient(180deg, rgba(4, 5, 7, 0.62) 0%, rgba(4, 5, 7, 0.12) 16%,
                    rgba(4, 5, 7, 0.12) 66%, rgba(4, 5, 7, 0.72) 100%);
}

@media (max-width: 560px) {
  /* Telefone tekstas viršuje — tamsos telkinį keliam ten. */
  /* Tamsos telkinys laikomas tiksliai po tekstu (viršutinis trečdalis),
     o ne per visą viršų — kitaip pusė dangaus dingdavo. */
  .sky__grade {
    background:
      radial-gradient(72% 26% at 50% 30%, rgba(4, 5, 7, 0.84), rgba(4, 5, 7, 0.42) 54%, transparent 82%),
      linear-gradient(180deg, rgba(4, 5, 7, 0.34) 0%, rgba(4, 5, 7, 0.08) 16%,
                      rgba(4, 5, 7, 0.08) 66%, rgba(4, 5, 7, 0.7) 100%);
  }
  .sky__vid, .sky__poster { filter: brightness(0.72) saturate(0.92) contrast(1.06); }
}

/* Judesio jautrumas ir „taupyti duomenis": video nerodom, lieka stopkadras. */
@media (prefers-reduced-motion: reduce) {
  .sky__vid { display: none; }
}


/* ===== ETIKETES ===== */
/* NUGALETOJAS: variantas C („Nebula light") + A tipografijos pamoka.
   3 nepriklausomi vertintojai: C > A > D > B (B — atmesti, skaitosi kaip
   renderinimo klaida; D nukerpa lietuviska Z paukstiuka ir per blankus). */

/* ═══════════════════════════════════════════════════════════════════════════
   VARIANTAS C — „NEBULA LIGHT"
   Raidės nešviečia pačios — jas APŠVIEČIA ūkas. Į vidų įlietas gradientas iš
   paties fono paletės (šaltas indigo → ledinė balta → blyškus violetas), be
   galo lėtai plaukiantis per žodį: atrodo, kad pro tekstą slenka šviesa.
   Fokusuojant ta pati šviesa atšąla į firminį cyan.

   Kas buvo išbandyta ir ATMESTA (kad kitas neitų tuo pačiu keliu):
   · filter: drop-shadow(...) — su background-clip:text Chrome švyti VISĄ
     dėžutę, ne raides. Gaunasi stačiakampė aureolė. Netinka.
   · tamsus text-shadow kontrastui — šešėliai piešiami VIRŠ nukirpto gradiento,
     be to susisumuoja iš gretimų raidžių. Žodis papilkėja. Netinka.
   · backdrop-filter: brightness() su kauke — Chrome kaukė backdrop'o
     nesušvelnina, virš šviesaus ūko išlenda kieta juoda plokštė. Netinka.
   Liko: šviesus žydėjimas raidėse + minkšta „kosmoso kišenė" po jomis.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── PAGRINDAS ────────────────────────────────────────────────────────────
   Be jokių efektų — čia atsarga senoms naršyklėms. Jei background-clip:text
   nepalaikomas, etiketė TURI likti matoma, o ne dingti kartu su spalva. */
.fld label {
  display: inline-block;            /* gradientas matuojamas pagal ŽODĮ, ne eilutę */
  position: relative;
  margin: 0 0 9px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  /* 11px/700 vietoj 10px/500 — vienintelis dalykas, kuri persiemiau is
     A varianto: vertintojai islygiai nurode, kad jis realiu dydziu telefone
     skaitosi geriausiai, o C grozis nuo to nenukencia. */
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.26em;           /* raidės atskirtos → šviesos slinkimas per
                                       žodį skaitosi ir realiu dydžiu */
  text-transform: uppercase;
  color: rgba(226, 233, 255, 0.72);
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.85);
}

/* ── KONTRASTO DRAUDIMAS: „kosmoso kišenė" ────────────────────────────────
   Plati, labai minkšta gilaus indigo dėmė po tekstu. Spalva beveik sutampa su
   kosmoso fonu — virš juodo jos nesimato (patikrinta pašviesinus kadrą 3.4×:
   švari elipsė, jokio stačiakampio). Virš šviesaus ūko ji atveria tamsią
   kišenę, kurioje raidės lieka ryškiausias daiktas. Nė vieno kieto krašto:
   elipsė TYČIA mažesnė už dėžutę abiem ašim, kitaip gradientas nukertamas. */
.fld label::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -32px; right: -32px; top: -24px; bottom: -24px;
  pointer-events: none;
  background: radial-gradient(42% 54% at 50% 50%,
      rgba(3, 4, 11, 0.76) 0%,
      rgba(3, 4, 11, 0.55) 36%,
      rgba(3, 4, 11, 0.22) 62%,
      rgba(3, 4, 11, 0.00) 88%);
  transition: background 300ms ease;
}

/* ── ŪKO ŠVIESA ──────────────────────────────────────────────────────────*/
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .fld label {
    /* Karštasis taškas baltas, uodegos — šaltas indigo ir blyškus violetas.
       Tamsiausia stotelė laikoma virš ~#9d (L≈66), kad ir šviesiausiame
       kadre nė viena raidė nenugrimztų. */
    background-image: linear-gradient(
        100deg,
        #9dadE4  0%,
        #b6c3f3 17%,
        #ffffff 36%,
        #f2ebff 45%,
        #c9b9ef 60%,
        #a2b1e6 78%,
        #d8e0fb 100%);
    background-size: 200% 100%;
    background-position: 0% 50%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

    /* TIK šviesus žydėjimas — tamsus čia purvintų raides (žr. antraštę). */
    text-shadow:
        0 0  6px rgba(163, 197, 255, 0.34),
        0 0 14px rgba(104, 138, 236, 0.20);

    animation: nebulaDrift 32s ease-in-out infinite alternate;
    transition: text-shadow 300ms ease;
    will-change: background-position;
  }
}

/* ── FOKUSAS: ta pati šviesa atšąla į firminį cyan ir prašviesėja ─────────
   Pokytis matomas iš karto: violetinis atspalvis dingsta, žodis tampa
   žydras ir pradeda švytėti stipriau — tuo pačiu ritmu kaip brūkšnys po lauku. */
.fld:focus-within label { color: rgba(186, 240, 253, 0.95); }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .fld:focus-within label {
    background-image: linear-gradient(
        100deg,
        #38bdf8  0%,
        #a5f3fc 18%,
        #ffffff 36%,
        #e0fbff 50%,
        #67e8f9 68%,
        #f2feff 86%,
        #22d3ee 100%);
    text-shadow:
        0 0  7px rgba(34, 211, 238, 0.55),
        0 0 18px rgba(34, 211, 238, 0.30);
    animation-duration: 14s;
  }
}
.fld:focus-within label::before {
  background: radial-gradient(42% 54% at 50% 50%,
      rgba(1, 8, 15, 0.80) 0%,
      rgba(1, 8, 15, 0.58) 36%,
      rgba(1, 8, 15, 0.24) 62%,
      rgba(1, 8, 15, 0.00) 88%);
}

@keyframes nebulaDrift {
  from { background-position:   0% 50%; }
  to   { background-position: 100% 50%; }
}

/* ── „Naujas čia?" — ta pati šviesa, kad apačia neatrodytų svetima ───────*/
.lgn__alt { color: rgba(226, 233, 255, 0.66); }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .lgn__alt {
    color: transparent;
    background-image: linear-gradient(100deg,
        #9fafe6 0%, #d9e1ff 24%, #ffffff 44%, #ddd0f8 64%, #a5b3e8 100%);
    background-size: 165% 100%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 9px rgba(150, 185, 250, 0.22);
    animation: nebulaDrift 38s ease-in-out infinite alternate;
  }
  /* Nuoroda paveldėtų permatomą užpildą ir dingtų — grąžinam firminį cyan. */
  .lgn__alt a {
    -webkit-text-fill-color: var(--accent-bright, #38bdf8);
    color: var(--accent-bright, #38bdf8);
  }
  .lgn__alt a:hover { -webkit-text-fill-color: #7dd3fc; color: #7dd3fc; }
}

@media (prefers-reduced-motion: reduce) {
  .fld label, .lgn__alt { animation: none !important; }
}

/* Windows didelio kontrasto režimas: jokių gradientų, tik sistemos spalva. */
@media (forced-colors: active) {
  .fld label, .lgn__alt {
    -webkit-text-fill-color: CanvasText;
    color: CanvasText;
    background-image: none;
    text-shadow: none;
  }
  .fld label::before { display: none; }
}