.ad-login { padding-block:64px; }
.ad-login__card { max-width:480px; margin-inline:auto; padding:36px; border-radius:20px; background:#fff; color:var(--ad-brown); }
.ad-login__card h1 { font-size:clamp(36px,5vw,48px); line-height:1.15; margin:0 0 16px; }
.ad-login__card label { display:block; margin:24px 0 8px; font-weight:600; }
.ad-login__card input { box-sizing:border-box; width:100%; padding:13px 14px; border:1px solid #897e6b; border-radius:8px; background:#fff; color:var(--ad-brown); font:inherit; }
.ad-login__card button { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; margin-top:24px; padding:14px 20px; border:0; border-radius:30px; background:var(--ad-mint,#afd3c4); color:var(--ad-brown); font:inherit; font-weight:700; cursor:pointer; }
.ad-login__card :is(input,button,a):focus-visible { outline:3px solid var(--ad-brown); outline-offset:3px; }
.ad-login__error { padding:12px 16px; background:#fbecea; color:#8b2821; border-left:3px solid #8b2821; border-radius:4px; }
.ad-login__note { margin-top:24px; font-size:15px; }
@media(max-width:600px) { .ad-login {padding-block:32px;} .ad-login__card {padding:24px;} }