:root { color-scheme: light; font-family: system-ui, sans-serif; color: #292c31; background: #f5f6f7; letter-spacing: 0; }
* { box-sizing: border-box; }
body { margin: 0; }
header { padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: #16163c; }
header a { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 21px; color: #fff; text-decoration: none; }
header .account-link { margin-left: auto; font-size: 16px; font-weight: bold; white-space: nowrap; color: #fff; }
header.sm-site-header{background:#171638;min-height:0;padding:0;display:block}
.sm-site-header-inner{min-height:42px;padding:7px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.sm-site-header .sm-brand{display:inline-flex;gap:6px;font-family:Arial,sans-serif;font-size:18px;font-weight:bold}
.sm-brand img{width:20px;height:20px}
.sm-language-nav{display:flex;flex-wrap:wrap;gap:6px 14px}
.sm-site-header .sm-language{font-family:Arial,sans-serif;font-size:14px;font-weight:400;color:#fff;text-decoration:none}
.sm-site-header .sm-language:hover{text-decoration:underline}
main { max-width: 640px; margin: 36px auto; padding: 0 24px; }
h1 { font-size: 28px; line-height: 1.2; }
p { line-height: 1.6; }
a { color: #315d80; }
.accounts { margin: 28px 0; display: grid; gap: 24px; }
form { display: grid; justify-items: start; gap: 12px; }
.provider { width: 280px; max-width: 100%; min-height: 48px; border: 1px solid #747775; border-radius: 4px; background: #fff; color: #1f1f1f; font: 500 16px system-ui, sans-serif; padding: 12px 18px; cursor: pointer; }
.apple { background: #000; color: #fff; border-color: #000; }
.image-button { padding: 0; border: 0; background: transparent; width: 216px; }
.image-button img { display: block; width: 100%; height: auto; }
.provider:hover { box-shadow: 0 0 0 2px #bbc9cb; }
:focus-visible { outline: 3px solid #287465; outline-offset: 3px; }
.connected, .notice { color: #236759; }
.muted { color: #62676f; font-size: 14px; border-top: 1px solid #d5d8dc; padding-top: 20px; }
.error { color: #a12828; }
