:root{--bg:#f4f6f8;--card:#fff;--text:#1f2937;--accent:#ffd700;--btn:#ffd700;--btn-text:#111 }body.dark-mode{--bg:#0f1724;--card:#0b1220;--text:#e6eef8;--accent:#ffd700;--btn:#ffd700;--btn-text:#111}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.auth-card{max-width:420px;margin:60px auto;padding:28px;background:var(--card);border-radius:12px;box-shadow:0 8px 30px #0206171f}.auth-card h2{margin:0 0 12px;color:var(--text)}.auth-card img{display:block;margin:0 auto 6px}.dark-mode select,.dark-mode option{color:#000!important;background:#fff!important}.auth-field{margin-bottom:12px}.auth-field label{display:block}.auth-field input{display:block;width:100%;padding:12px 14px;border-radius:8px;border:1px solid #d1d5db;box-sizing:border-box;font-size:1rem;line-height:1.2;min-height:42px}.telegram-section{border:1px dashed rgba(0,0,0,.08);padding:12px;border-radius:8px;margin-top:12px}.telegram-note{font-size:.95rem;color:#374151}.telegram-input{margin-top:8px}.btn-primary{background:var(--btn);color:var(--btn-text);padding:10px 14px;border-radius:8px;border:none;cursor:pointer}.muted{color:#6b7280;font-size:.95rem}.theme-toggle{position:fixed;top:14px;right:18px;background:transparent;border:none;font-size:18px;cursor:pointer}