/* Layout pulled from your original login page */
.wrap{
  min-height:100%;
  display:flex; align-items:center; justify-content:center;
  padding: clamp(16px, 6vw, 40px);
}
.card{
  position:relative; z-index:1;
  width:min(680px, 100%);
  background:var(--panel);
  border:1px solid var(--line); border-radius:var(--rad);
  box-shadow: var(--shadow);
  padding: clamp(18px, 4vw, 28px);
  overflow:hidden;
}
.header{
  display:flex; align-items:center; gap:12px; margin-bottom:8px;
  font-weight:900; letter-spacing:.3px; font-size:20px;
}
.subtitle{opacity:.9; margin:0 0 16px; line-height:1.5}

.btn-google{
  appearance:none; cursor:pointer; border:none; width:100%;
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:14px 16px; border-radius:999px; color:#fff; font-weight:900;
  background-image:linear-gradient(135deg, var(--accentG1), var(--accentP1));
  box-shadow:0 10px 22px rgba(47,62,52,.18), 0 8px 20px rgba(185,143,163,.16);
  transition: transform .06s ease, box-shadow .2s ease;
}
.btn-google:active{ transform:scale(.98) }
.btn-google:hover{ box-shadow:0 12px 26px rgba(47,62,52,.22), 0 10px 24px rgba(185,143,163,.20); }

.gicon{
  width:20px; height:20px; display:inline-block;
  background: conic-gradient(from 45deg, #4285F4 0 25%, #34A853 0 50%, #FBBC05 0 75%, #EA4335 0 100%);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="black" d="M248 130.1c0-9.1-.8-15.7-2.6-22.6H130v41.1h67.9c-1.4 10.2-8.9 25.5-25.6 35.8l-.2 1.3l37.1 28.7l2.6 .3C237.1 199.5 248 167.8 248 130.1"/></svg>') center / 100% 100% no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="black" d="M248 130.1c0-9.1-.8-15.7-2.6-22.6H130v41.1h67.9c-1.4 10.2-8.9 25.5-25.6 35.8l-.2 1.3l37.1 28.7l2.6 .3C237.1 199.5 248 167.8 248 130.1"/></svg>') center / 100% 100% no-repeat;
}

.legal{margin-top:14px; font-size:12px; opacity:.8}
a{color:#3c7a5c; text-decoration:underline; text-underline-offset:2px}
.footer-note{margin-top:18px; font-size:12px; opacity:.9}