.alfa-auth {
	--alfa-purple: #7552c7;
	--alfa-green: #54b979;
	--alfa-yellow: #f7c948;
	--alfa-ink: #31333d;
	box-sizing: border-box;
	max-width: 1080px;
	margin: 2rem auto;
	padding: clamp(1.25rem, 4vw, 3rem);
	color: var(--alfa-ink);
	font-family: inherit;
	background: linear-gradient(135deg, #fffdf5 0%, #f6f0ff 100%);
	border: 1px solid rgba(117, 82, 199, .12);
	border-radius: 28px;
	box-shadow: 0 18px 55px rgba(73, 53, 125, .12);
}
.alfa-auth *, .alfa-auth *::before, .alfa-auth *::after { box-sizing: border-box; }
.alfa-auth__intro { text-align: center; margin-bottom: 1.75rem; }
.alfa-auth__eyebrow { display: inline-block; color: #8e6a00; background: #fff1b8; padding: .28rem .85rem; border-radius: 999px; font-size: .82rem; font-weight: 700; }
.alfa-auth h2 { margin: .65rem 0 .3rem; color: var(--alfa-purple); font-size: clamp(1.7rem, 3vw, 2.45rem); }
.alfa-auth__intro p, .alfa-auth__card-heading p { margin: 0; color: #686875; }
.alfa-auth__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 3vw, 2rem); align-items: stretch; }
.alfa-auth--login .alfa-auth__columns, .alfa-auth--register .alfa-auth__columns { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin-inline: auto; }
.alfa-auth__card { display: flex; flex-direction: column; gap: .9rem; min-width: 0; padding: clamp(1.2rem, 3vw, 2rem); background: rgba(255,255,255,.92); border: 2px solid transparent; border-radius: 20px; box-shadow: 0 8px 25px rgba(46, 43, 68, .08); }
.alfa-auth__login { border-color: rgba(117,82,199,.3); }
.alfa-auth__register { border-color: rgba(84,185,121,.35); }
.alfa-auth__card-heading { display: flex; align-items: center; gap: .75rem; margin-bottom: .25rem; }
.alfa-auth__card-heading h3 { margin: 0 0 .18rem; font-size: 1.35rem; color: var(--alfa-ink); }
.alfa-auth__icon { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; flex: 0 0 2.7rem; border-radius: 14px; background: #fff1b8; font-size: 1.4rem; }
.alfa-auth__register .alfa-auth__icon { background: #dff6e8; }
.alfa-auth label { display: flex; flex-direction: column; gap: .38rem; font-weight: 700; font-size: .94rem; }
.alfa-auth__hint { color: #7a7784; font-size: .78rem; font-weight: 500; }
.alfa-auth input:not([type="hidden"]):not([type="checkbox"]) { width: 100%; min-height: 3rem; padding: .65rem .85rem; border: 1.5px solid #d9d7e3; border-radius: 11px; background: #fff; color: var(--alfa-ink); font: inherit; transition: border-color .2s, box-shadow .2s; }
.alfa-auth select { width: 100%; min-height: 3rem; padding: .65rem .85rem; border: 1.5px solid #d9d7e3; border-radius: 11px; background: #fff; color: var(--alfa-ink); font: inherit; }
.alfa-auth input:not([type="hidden"]):not([type="checkbox"]):focus { outline: none; border-color: var(--alfa-purple); box-shadow: 0 0 0 3px rgba(117,82,199,.15); }
.alfa-auth__check { flex-direction: row !important; align-items: center; gap: .45rem !important; font-weight: 500 !important; color: #686875; }
.alfa-auth__check input { accent-color: var(--alfa-purple); width: 1rem; height: 1rem; }
.alfa-auth__help { margin: 0; color: #686875; font-size: .78rem; line-height: 1.8; }
.alfa-auth__captcha { display: flex; flex-direction: column; gap: .38rem; padding: .75rem; border-radius: 12px; background: #fff9df; border: 1px dashed rgba(142,106,0,.35); }
.alfa-auth__captcha label { color: #665500; }
.alfa-auth__button { width: 100%; min-height: 3.15rem; margin-top: auto; border: 0; border-radius: 12px; color: #fff; font: inherit; font-weight: 800; cursor: pointer; transition: transform .2s, box-shadow .2s, filter .2s; }
.alfa-auth__button:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(49,51,61,.16); filter: brightness(1.04); }
.alfa-auth__button--purple { background: var(--alfa-purple); }
.alfa-auth__button--green { background: var(--alfa-green); }
.alfa-auth__register-link { margin: .15rem 0 0; text-align: center; color: #686875; font-size: .9rem; }
.alfa-auth__register-link a { color: var(--alfa-purple); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.alfa-auth__register-link a:hover { color: #51369d; }
.alfa-auth__notice { margin: 0 auto 1rem; padding: .8rem 1rem; border-radius: 11px; background: #fff1b8; color: #5f4d00; }
.alfa-auth__notice--error { background: #ffe2e2; color: #8b2525; }
.alfa-auth__logged-in { padding: 1rem; text-align: center; }
@media (max-width: 720px) { .alfa-auth__columns, .alfa-auth--login .alfa-auth__columns, .alfa-auth--register .alfa-auth__columns { grid-template-columns: 1fr; } .alfa-auth { margin: 1rem; } }