/* Auth (вход) v2 — изолировано под #authPage, дашборд не затрагивает.
   Использует :root-переменные из landing-v2.css (--violet и пр., глобальные). */
#authPage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;position:relative;background:#050507;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
#authPage::before{content:'';position:fixed;inset:-20% -10%;z-index:0;pointer-events:none;
  background:radial-gradient(40% 34% at 50% 28%,rgba(124,92,252,.20),transparent 60%),radial-gradient(30% 26% at 80% 82%,rgba(56,189,248,.10),transparent 62%);filter:blur(24px)}
#authPage .auth-card{position:relative;z-index:1;width:100%;max-width:400px;padding:40px 36px;text-align:center;
  background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.1);border-radius:24px;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.5)}
#authPage .logo{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.03em;margin-bottom:22px}
#authPage .logo .mark{color:#a78bfa;filter:drop-shadow(0 0 10px rgba(124,92,252,.6));line-height:1}
#authPage .logo .word{background:linear-gradient(120deg,#a78bfa,#7c5cfc 45%,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#authPage .h-disp{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.7rem;letter-spacing:-.02em;color:#fff;margin-bottom:10px}
#authPage .auth-status{color:rgba(255,255,255,.66);font-size:.98rem;margin-bottom:22px;letter-spacing:-.01em}
#authPage .btn,#authPage .btn-tg{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;font-family:'Inter',sans-serif;font-weight:600;font-size:.98rem;padding:14px 22px;border-radius:14px;border:.5px solid rgba(124,92,252,.4);cursor:pointer;background:linear-gradient(135deg,#6366f1,#7c5cfc);color:#fff;box-shadow:0 0 22px rgba(124,92,252,.3);transition:transform .25s,box-shadow .25s}
#authPage .btn:hover,#authPage .btn-tg:hover{transform:translateY(-2px);box-shadow:0 10px 38px rgba(124,92,252,.42)}
#authPage .btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none;color:#f4f4f5}
#authPage .tg-icon{width:20px;height:20px}
#authPage #telegramWidgetWrap{margin-top:16px;display:flex;justify-content:center}
#authPage .note{display:flex;align-items:flex-start;gap:9px;text-align:left;font-size:.82rem;color:rgba(255,255,255,.55);background:rgba(255,255,255,.03);border:.5px solid rgba(255,255,255,.08);border-radius:14px;padding:13px 15px;margin-top:22px;line-height:1.5}
#authPage .note svg{color:#ff9d6c;flex-shrink:0;margin-top:1px}
#authPage .note b{color:rgba(255,255,255,.8)}
#authPage .auth-desc,#authPage .reg-hint{color:rgba(255,255,255,.46);margin-top:18px;line-height:1.5}
#authPage .auth-help{font-size:.84rem;color:rgba(255,255,255,.46);margin-top:18px}
#authPage .auth-help a,#authPage .auth-desc a{color:#a78bfa;font-weight:500}
#authPage .auth-back{position:absolute;top:24px;left:24px;z-index:2;font-size:.86rem;color:rgba(255,255,255,.5);display:inline-flex;align-items:center;gap:6px;transition:color .2s}
#authPage .auth-back:hover{color:#fff}
#authPage a:focus-visible,#authPage button:focus-visible{outline:2px solid #a78bfa;outline-offset:3px;border-radius:8px}
