:root{color-scheme:light;--brown:#602111;--orange:#F3981C;--cream:#F5EBE0;--ink:#3B2219;--muted:#82645A}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--brown);color:var(--ink);font:15px/1.55 "Lato","Carlito","Segoe UI",system-ui,sans-serif;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.wrap{min-height:100%;display:grid;place-items:center;padding:32px 18px}
.card{width:100%;max-width:420px;background:#fff;border-radius:16px;border-top:6px solid var(--orange);padding:34px 30px 28px;text-align:center;box-shadow:0 24px 60px -24px rgba(0,0,0,.6)}
.logo{width:150px;height:auto;margin:-4px auto 6px;display:block;background:var(--brown);border-radius:12px;padding:14px 18px}
h1{font-family:"Caladea",Cambria,Georgia,serif;color:var(--brown);font-size:30px;margin:14px 0 4px}
.sub{color:var(--muted);font-family:"Caladea",Cambria,Georgia,serif;font-style:italic;font-size:17px;margin:0 0 22px}
.google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;border:1.5px solid #dadce0;border-radius:999px;background:#fff;color:#1f1f1f;font:700 15px "Lato",system-ui,sans-serif;text-decoration:none}
.google:hover{background:#f8f9fa;border-color:#c4c7c5}
.google:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.fine{color:var(--muted);font-size:13px;margin:16px 0 0}
.err,.ok{border-radius:8px;padding:10px 12px;font-size:14px;font-weight:700;margin:0 0 16px}
.err{background:#F8E0DC;color:#A3271C;text-align:left;font-weight:400}
.err .code{display:inline-block;margin-top:6px;font:700 12px ui-monospace,Menlo,Consolas,monospace}
.ok{background:#E2EFDC;color:#2F6B33}
@media (prefers-color-scheme: dark){:root{color-scheme:dark}.card{background:#22170F;color:#EFE2D4}h1{color:#F6D3A9}.sub,.fine{color:#B39B8A}.google{background:#131314;color:#e3e3e3;border-color:#8e918f}.google:hover{background:#1f1f20}.err{background:#3D1C18;color:#F29286}.ok{background:#1E311D;color:#8BC783}}