:root {
  font-family: "Segoe UI", Arial, sans-serif;
  color: #352b25;
  background: #faf7f2;
  line-height: 1.6;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: radial-gradient(ellipse at 80% 20%, #f2e4d633, transparent 60%);
}
header { padding: 26px clamp(24px, 6vw, 80px); }
.brand { color: #49362d; font-size: 18px; font-weight: 700; text-decoration: none; }
main { flex: 1; display: grid; place-items: center; padding: 40px 24px 70px; }
.welcome { width: 100%; max-width: 660px; text-align: center; }
.eyebrow { margin: 0 0 22px; color: #8b6249; font-size: 12px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(42px, 8vw, 74px); font-weight: 650; letter-spacing: -.045em; line-height: 1.15; }
h1 span { color: #b27550; font-size: .72em; padding: 0 .08em; }
.subtitle { margin: 24px 0 0; font-size: clamp(17px, 3vw, 21px); color: #634d40; }
.description { max-width: 510px; margin: 20px auto 34px; color: #756c63; font-size: 16px; }
.continue { display: inline-flex; align-items: center; gap: 26px; padding: 15px 25px; border-radius: 10px; background: #915237; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; }
.continue:hover { background: #75412c; }
a:focus-visible { outline: 3px solid #9a6b45; outline-offset: 5px; }
.access-note { margin: 18px 0 0; color: #807469; font-size: 13px; }
footer { padding: 20px 24px 28px; text-align: center; color: #87786b; font-size: 12px; }
@media (max-width: 480px) { header { text-align: center; } main { padding-top: 20px; } }

.portal-brand { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.current-batch { display: inline-block; padding: 5px 10px; border: 1px solid #d3dfd8; border-radius: 6px; background: #edf5ef; color: #17685b; font-size: 13px; font-weight: 600; white-space: nowrap; }