:root{
  --forest:#173c31;
  --forest-2:#245847;
  --cream:#f7f1e4;
  --mint:#d9efe0;
  --ink:#15251f;
  --muted:#66736e;
  --danger:#9c2f2f;
  --success:#22764c;
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:linear-gradient(135deg,var(--cream),#eef6ef);
}
.shell{
  width:min(980px,92vw);
  min-height:100vh;
  margin:auto;
  display:grid;
  gap:2rem;
  align-items:center;
  padding:3rem 0;
}
.brand-panel,.auth-panel{
  border:1px solid rgba(23,60,49,.12);
  border-radius:28px;
  background:rgba(255,255,255,.72);
  box-shadow:0 24px 70px rgba(23,60,49,.12);
  padding:clamp(1.5rem,4vw,2.5rem);
}
.brand-panel{background:linear-gradient(145deg,var(--forest),var(--forest-2));color:white}
.brand-mark{
  width:54px;height:54px;border-radius:16px;
  display:grid;place-items:center;
  background:var(--mint);color:var(--forest);font-weight:800;font-size:1.5rem
}
.eyebrow{font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;margin-top:1rem}
h1,h2{margin:.4rem 0 1rem;line-height:1.12}
h1{font-size:clamp(2rem,5vw,3.2rem)}
h2{font-size:2rem}
.lead,.muted{color:inherit;opacity:.82}
.brand-panel ul{padding-left:1.15rem;line-height:1.9}
form{display:grid;gap:1rem}
label{display:grid;gap:.4rem;font-weight:650}
input{
  width:100%;padding:.85rem 1rem;border-radius:14px;
  border:1px solid rgba(23,60,49,.2);font:inherit;background:white
}
input:focus{outline:2px solid var(--forest-2);outline-offset:2px}
button{
  border:0;border-radius:999px;padding:.9rem 1.2rem;
  background:var(--forest);color:white;font:inherit;font-weight:750;cursor:pointer
}
button:disabled{opacity:.55;cursor:wait}
.message{min-height:1.4rem;margin:0;font-weight:650}
.message.error{color:var(--danger)}
.message.success{color:var(--success)}
.switch{margin-bottom:0}
a{color:var(--forest-2);font-weight:700}
.secondary-link{display:inline-block;margin-top:1rem}
@media(min-width:820px){.shell{grid-template-columns:1.05fr .95fr}}

.link-button{background:none;color:var(--forest-2);padding:0;border-radius:0;text-decoration:underline;font-weight:700}
.link-button:hover{opacity:.8}

.language-picker{display:grid;gap:6px;margin-top:24px;max-width:220px;color:var(--cream)}.language-picker select{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#fff;color:var(--ink)}