:root{font-family:"Segoe UI",Arial,sans-serif;color:#26332c;background:#f7f8f6;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
main{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px}
.google{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid #d8ded8;border-radius:8px;background:#fff;color:inherit;text-decoration:none;font-size:15px;line-height:1.5;box-shadow:0 2px 8px #26332c06}
.google svg{flex-shrink:0}
.google:hover{background:#f0f3ef;border-color:#abb9ad}
.google:focus-visible{outline:3px solid #356b4a;outline-offset:5px}
@media(prefers-reduced-motion:no-preference){.google{transition:background .15s,border-color .15s}}