:root{
  --green:#16a34a;
  --teal:#0f766e;
  --bg1:#f6fffb;
  --bg2:#ffffff;
}

body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial;
  background: linear-gradient(180deg, var(--bg1), var(--bg2));
}

.auth-page{padding:28px 0;}
.auth-shell{width:100%; max-width:980px; margin:0 auto;}

.auth-hero{
  min-height: calc(100vh - 86px);
  display:flex;
  align-items:center;
}

.auth-card{
  border:0;
  border-radius:18px;
  box-shadow: 0 10px 30px rgba(15,118,110,.08);
  background: rgba(255,255,255,.92);
}

.auth-bg{
  background: radial-gradient(900px 420px at 10% 10%, rgba(22,163,74,.10), transparent 55%),
              radial-gradient(800px 400px at 90% 20%, rgba(15,118,110,.10), transparent 55%);
}

.btn-soft{
  background: rgba(22,163,74,.10);
  color:#12803a;
  border:1px solid rgba(22,163,74,.20);
}
.btn-soft:hover{
  background: rgba(22,163,74,.16);
  border-color: rgba(22,163,74,.28);
  color:#0f7a33;
}

.auth-card-wrap{
  background: rgba(255,255,255,.65);
}