.auth-visual .event-logo-frame{
  width:min(340px,48%,38dvh);
  aspect-ratio:1;
  background:#fff;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 16px 42px rgba(31,10,22,.2);
  align-self:center;
  display:grid;
  place-items:center;
  transform:translateY(-6px);
}
.auth-visual .event-logo{
  width:88%;
  height:88%;
  object-fit:contain;
  border-radius:0;
  mix-blend-mode:normal;
}
.auth-screen{height:100dvh;min-height:560px;overflow:hidden}
.auth-visual{padding:clamp(22px,4dvh,42px) clamp(28px,5vw,72px)}
.auth-visual h1{font-size:clamp(2rem,4vw,3.7rem);margin:5px 0 12px}
.auth-visual p{font-size:clamp(.88rem,1.2vw,1rem);line-height:1.5;margin-block:8px}
.auth-panel{padding:24px 30px}
.auth-form h2{font-size:2.05rem}
.auth-form label{margin:15px 0}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 15px}
.auth-form .remember-me{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:0;font-weight:650}
.remember-me input{width:17px;height:17px;margin:0;accent-color:var(--wine)}
.forgot-password{border:0;padding:4px 0;background:transparent;color:var(--wine-2);font-size:.84rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.forgot-password:hover{color:var(--wine)}
.password-help{margin:0 0 14px;color:var(--muted);font-size:.86rem;line-height:1.5}
.developer-credit{margin:15px auto 0;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-align:center}.developer-credit img{width:145px;height:95px;object-fit:contain}

@media(max-height:700px) and (min-width:761px){
  .auth-visual .event-logo-frame{width:min(285px,34dvh)}
  .auth-wordmark img{width:135px}
  .auth-visual h1{font-size:clamp(1.9rem,3.6vw,3.15rem)}
  .auth-visual p{line-height:1.4}
}

@media(max-width:760px){
  .auth-screen{height:100dvh;min-height:620px;grid-template-rows:210px minmax(0,1fr)}
  .auth-visual{min-height:0;padding:14px 18px;display:grid;grid-template-columns:1fr 150px;grid-template-rows:auto 1fr;gap:4px 12px;align-items:center}
  .auth-wordmark{align-self:start}
  .auth-wordmark img{width:112px}
  .auth-wordmark span{font-size:.78rem}
  .auth-visual .event-logo-frame{grid-column:2;grid-row:1/3;width:150px;transform:none}
  .auth-visual>div:last-child{display:none}
  .auth-panel{min-height:0;padding:22px 18px;place-items:start center}
  .auth-form h2{font-size:1.9rem;margin:5px 0}
  .auth-form>p.muted{margin:7px 0 12px}
  .auth-form label{margin:11px 0}
  .login-options{margin:0 0 12px}
  .auth-form input{padding:10px 12px}
  .auth-form .button.wide{padding:11px}
  .developer-credit{margin-top:10px;padding-top:8px}.developer-credit img{width:130px;height:80px}
}

@media(max-width:420px){
  .auth-screen{grid-template-rows:185px minmax(0,1fr)}
  .auth-visual{grid-template-columns:1fr 128px}
  .auth-visual .event-logo-frame{width:128px}
  .auth-panel{padding:15px 18px}
}