/* bdevents sign-in page: on top of the organizer application page's look (signup/apply.css), in the bdevents logo blue
 * (Masud, 2026-10-22; the same palette as /me/ and the organizer dashboard). */
.bde-auth-page { --brand: #4a5af0; --brand-dark: #3443d6; --brand-soft: #eef0ff; }
.bde-auth-page .bde-links a, .bde-auth-page .bde-check a, .bde-auth-page .bde-sub a, .bde-auth-page .bde-state a { color: #4352e8; }   /* text links; button-like links keep their own colours */
.bde-auth-page .bde-page { background: radial-gradient(900px 480px at 0% 0%, #e8ebff 0%, rgba(232,235,255,0) 70%), radial-gradient(700px 420px at 100% 100%, #eef6ff 0%, rgba(238,246,255,0) 70%), var(--bg); }
.bde-auth-page .bde-kicker { color: #3340c8; }
.bde-auth-page .bde-card { box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 18px 48px -12px rgba(52,67,214,.18); }
.bde-auth-page .bde-field input:focus { border-color: #4a5af0; box-shadow: 0 0 0 3px rgba(74,90,240,.18); }
.bde-auth-page .bde-check input, .bde-auth-page .bde-check a { accent-color: #4a5af0; color: #4352e8; }
.bde-auth-page .bde-ghost:hover, .bde-auth-page .bde-alt:hover { border-color: #4352e8; color: #4352e8; }
.bde-auth-page .bde-link { color: #4352e8; }
.bde-auth { grid-template-columns: minmax(0, 1fr) minmax(0, 440px); align-items: center; min-height: calc(100vh - 160px); }
.bde-auth-pitch h1 { font-size: 40px; }
.bde-auth-card { padding: 30px 30px 26px; }
.bde-auth-card h2 { margin-bottom: 4px; }
.bde-auth-card > .bde-note { margin-bottom: 16px; }
.bde-field > span small { font-weight: 400; color: var(--muted); }

.bde-keep { margin: -4px 0 0; font-size: 14px; color: var(--muted); }
.bde-pw { position: relative; display: block; }
.bde-pw input { padding-right: 72px !important; }
.bde-eye { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); padding: 6px 10px; border: 0; border-radius: 8px; background: var(--brand-soft); color: #3340c8; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }

.bde-or { display: flex; align-items: center; gap: 12px; margin: 20px 0 14px; color: #94a3b8; font-size: 13px; }
.bde-or::before, .bde-or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.bde-alt { display: block; padding: 13px 16px; border: 1px solid #cbd5e1; border-radius: 12px; background: #fff; color: var(--ink); font-weight: 600; text-align: center; text-decoration: none; }
.bde-alt:hover { border-color: #4352e8; color: #4352e8; }
.bde-back { display: block; margin-top: 16px; color: var(--muted); font-size: 14px; text-align: center; }
.bde-links { margin: 14px 0 0; text-align: center; font-size: 15px; }
.bde-fine { margin: 14px 0 0; color: var(--muted); font-size: 13px; text-align: center; }
.bde-btn-link { display: block; margin-top: 16px; text-align: center; text-decoration: none; }

.bde-accounts, .bde-how { display: grid; gap: 10px; }
.bde-how { margin: 0; padding: 0; border: 0; }
.bde-how legend { margin-bottom: 8px; padding: 0; font-size: 14px; font-weight: 600; }
.bde-account { display: flex; gap: 12px; align-items: center; padding: 13px 14px; border: 1px solid #cbd5e1; border-radius: 12px; cursor: pointer; }
.bde-account:has(input:checked) { border-color: #4352e8; background: var(--brand-soft); }
.bde-account input { width: 18px; height: 18px; margin: 0; flex: none; accent-color: #4a5af0; }
.bde-account span { display: grid; gap: 1px; min-width: 0; }
.bde-account strong { font-size: 15px; }
.bde-account small { color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }

@media (max-width: 900px) {
	.bde-auth { grid-template-columns: minmax(0, 1fr); min-height: 0; }
	.bde-auth-card { order: -1; padding: 24px 18px 22px; }
	.bde-auth-pitch h1 { font-size: 24px; }
	.bde-auth-pitch .bde-kicker { margin-bottom: 8px; }
}

/* 360px phones: 300px for the Cloudflare box's full-width size (Masud, 7 Nov: it drew tall and narrow). */
@media (max-width: 420px) { .bde-auth-card { padding: 22px 16px 20px; } }