/* Вход на сайте: кнопка в шапке, меню, окно входа. Без серых плашек. */
.au-slot { display: flex; align-items: center; margin-left: 12px; }
.au-signin { height: 40px; padding: 0 20px; border-radius: 99px; border: 1px solid #a281ff99; background: transparent; color: #fff; font: 600 15px var(--ui); cursor: pointer; transition: background .2s, border-color .2s; }
.au-signin:hover { background: #7c50f933; border-color: #a281ff; }
.au-acc { position: relative; }
.au-ava { width: 40px; height: 40px; border-radius: 50%; border: 2px solid #a281ff; background: #7c50f9; color: #fff; font: 700 17px var(--ui); display: grid; place-items: center; overflow: hidden; padding: 0; cursor: pointer; }
.au-ava img { width: 100%; height: 100%; object-fit: cover; display: block; }
.au-menu { position: absolute; right: 0; top: calc(100% + 10px); min-width: 220px; padding: 8px; border-radius: 18px; border: 1px solid #a281ff55; background: #0f0b1d;  display: grid; gap: 2px; z-index: 90; }
.au-menu[hidden] { display: none; }
.au-who { padding: 10px 12px 12px; font-weight: 650; border-bottom: 1px solid #2e3441; margin-bottom: 6px; }
.au-menu a, .au-menu button { display: block; text-align: left; padding: 10px 12px; border: 0; border-radius: 12px; background: transparent; color: #dfe2ea; font: 500 16px var(--ui); text-decoration: none; cursor: pointer; }
.au-menu a:hover, .au-menu button:hover { background: #7c50f92e; color: #fff; }
.au-back { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: #07080b; }
.au-back[hidden] { display: none; }
.au-card { position: relative; width: min(580px, 100%); display: grid; gap: 0; padding: 48px 52px 40px; border-radius: 18px; border: 0; background: #0d0f14; text-align: center; }
.au-card h2 { margin: 0; font: 700 34px/1.2 var(--ui); letter-spacing: -.01em; color: #fff; }
.au-lead { margin: 10px 0 34px; color: #a6adbb; font-size: 15px; }
.au-err { margin: -14px 0 20px; padding: 10px 14px; border-radius: 12px; border: 1px solid #ff8a3d88; color: #ffcfb0; font-size: 14px; }
.au-list { display: grid; gap: 16px; }
.au-btn { display: flex; align-items: center; gap: 16px; height: 76px; padding: 0 22px 0 16px; border-radius: 14px; text-align: left; text-decoration: none; color: #fff; border: 1px solid transparent; transition: filter .15s; }
.au-btn:hover { filter: brightness(1.1); }
.au-btn.discord { background: #5865f2; }
.au-btn.google { background: #1c1f27; }
.au-ic { flex: none; width: 36px; height: 36px; display: grid; place-items: center; } .au-ic svg { width: 26px; height: 26px; }
.au-tx { display: grid; gap: 2px; flex: 1; } .au-tx b { font: 700 17px var(--ui); } .au-tx em { font: 400 13px var(--ui); font-style: normal; color: #ffffffd9; }
.au-ch { flex: none; width: 22px; height: 22px; } .au-ch svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.au-fine { margin-top: 32px; display: grid; gap: 6px; color: #9aa1b1; font-size: 13px; }
.au-fine p { margin: 0; display: flex; gap: 8px; align-items: center; justify-content: center; flex-wrap: wrap; } .au-fine svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; } .au-fine a { color: #e6e9f0; text-decoration: none; } .au-fine a:hover { text-decoration: underline; }
@media (max-width: 560px) { .au-card { padding: 32px 20px 28px; } .au-card h2 { font-size: 28px; } .au-btn { height: 68px; } }