:root { color-scheme: dark; }
@font-face { font-family: "Barlow"; src: url("../fonts/Barlow-Regular.ttf?v=95aa02c7c430") format("truetype"); font-display: swap; font-style: normal; font-weight: 400; }
@font-face { font-family: "Barlow Semi Condensed"; src: url("../fonts/BarlowSemiCondensed-SemiBold.ttf?v=bd299f4bc5b4") format("truetype"); font-display: swap; font-style: normal; font-weight: 600; }

.sports-auth { align-items: center; background: #090b14; color: #f4f7ff; display: flex; font-family: "Barlow", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans Thai", "Leelawadee UI", Tahoma, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; justify-content: center; margin: 0; min-height: 100vh; }
.auth-card { background: #161a29; border: 1px solid #343b58; border-radius: 12px; box-sizing: border-box; max-width: 380px; padding: 28px; width: calc(100% - 32px); }
.auth-card h1 { font-family: "Barlow Semi Condensed", "Barlow", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans Thai", "Leelawadee UI", Tahoma, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1.55rem; font-weight: 600; letter-spacing: -.01em; margin-top: 0; }
.auth-card label, .auth-card input, .auth-card button { display: block; width: 100%; }
.auth-card label { margin-top: 16px; }
.auth-card input { box-sizing: border-box; margin-top: 6px; padding: 10px; }
.auth-card button { background: #e8bd52; border: 0; border-radius: 6px; color: #16110a; cursor: pointer; font-weight: 700; margin-top: 22px; padding: 11px; }
.auth-card input:focus-visible { border-color: #91c5ff; outline: 2px solid #91c5ff; outline-offset: 2px; }
.auth-card button:focus-visible { outline: 2px solid #f7d47e; outline-offset: 3px; }
.auth-error { color: #ff9c9c; font-size: .9rem; }