:root{color-scheme:light}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f8fb;color:#0f172a;letter-spacing:0}
.wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.panel{width:min(420px,100%);border:1px solid #dce4ee;background:#fff;padding:34px 34px 28px;box-shadow:0 18px 55px rgba(15,23,42,.10)}
.mark{display:flex;width:164px;align-items:center;margin:0 auto 30px}
.mark img{display:block;width:100%;height:auto}
h1{margin:0;text-align:center;font-size:24px;line-height:1.2;font-weight:600;color:#0b3d57}
p{margin:10px auto 24px;max-width:310px;text-align:center;color:#53657a;font-size:14px;line-height:1.55}
a{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;border:1px solid #cfd9e6;border-radius:6px;background:#fff;color:#10243a;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 1px 2px rgba(15,23,42,.05)}
a:hover{border-color:#9fb0c4;background:#f8fafc}
.google{display:block;width:18px;height:18px}
.note{margin-top:18px;border-top:1px solid #e5ebf2;padding-top:15px;text-align:center;font-size:12px;line-height:1.55;color:#6b7c90}
@media (max-width:520px){.wrap{padding:16px}.panel{padding:28px 22px 24px}.mark{width:150px;margin-bottom:26px}h1{font-size:22px}}