:root { --bg:#f7f7f8; --panel:#ffffff; --ink:#0b0b0c; --muted:#6b7280; --ring:#2563eb; }
*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0; background:var(--bg); color:var(--ink);
font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}
.wrap{
min-height:100%; display:flex; align-items:center; justify-content:center; padding:32px;
}
.card{
width:100%; max-width:720px; background:var(--panel); padding:32px 28px; border-radius:16px;
box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08);
text-align:center;
}
.logo{ display:block; margin:0 auto 20px; max-width:260px; height:auto; }
h1{ font-size:1.5rem; margin:0 0 12px; letter-spacing:.2px; }
p{ margin:0 0 12px; color:var(--ink); }
.contact{ color:var(--muted); }
a{ color:inherit }
.button{
display:inline-block; margin-top:8px; padding:10px 16px; text-decoration:none; border-radius:10px;
border:1px solid #e5e7eb; background:#fafafa;
}
.button:hover{ background:#f3f4f6 }
:focus-visible{ outline:3px solid var(--ring); outline-offset:3px; border-radius:6px; }
.foot{ text-align:center; color:var(--muted); font-size:.9rem; padding:16px; }
.sr-only{ position:absolute; clip:rect(1px,1px,1px,1px); padding:0; border:0; height:1px; width:1px; overflow:hidden; white-space:nowrap; }