@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url("source-sans-3.woff2") format("woff2")}
:root{--ink:#172d42;--secondary:#465c6c;--action:#185a81;--hover:#104563;--page:#f4f3ee;--surface:#fff;--border:#7a8b96;--error:#9a302b;--focus:#a95612;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font-family:"Source Sans 3",sans-serif;font-size:18px;line-height:1.55}
::selection{background:#cce0ed;color:var(--ink)}
a{color:var(--action);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--hover)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.skip{position:absolute;top:-80px;left:18px;background:var(--surface);padding:12px;z-index:2}.skip:focus{top:12px}
header{max-width:980px;margin:auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:23px;font-weight:700;color:var(--ink);text-decoration:none}header span{font-size:16px;color:var(--secondary)}
main{max-width:740px;margin:12px auto 0;padding:44px 42px 48px;background:var(--surface)}
h1{font-size:34px;line-height:1.17;font-weight:600;letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance}
h2{font-size:23px;line-height:1.3;font-weight:600;margin:36px 0 12px}
p{margin:0 0 18px}.lead{font-size:20px;color:var(--secondary);line-height:1.5}
.account{padding:18px 0;margin:24px 0;border-block:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}.account span{color:var(--secondary)}
label{display:block;font-weight:600;margin:24px 0 6px}
.hint{font-size:16px;line-height:1.45;color:var(--secondary);margin:6px 0 12px}
input[type=email]{display:block;width:100%;min-height:50px;border:1px solid var(--border);border-radius:8px;padding:10px 13px;font:inherit;background:var(--surface);color:var(--ink);caret-color:var(--action)}
input[type=email]:hover{border-color:var(--secondary)}
button{font:inherit;font-weight:600;background:var(--action);color:var(--surface);border:0;border-radius:8px;min-height:50px;padding:12px 22px;cursor:pointer;margin:12px 0 0;transition:background-color .15s ease-out}
button:hover{background:var(--hover)}button:disabled{background:#566d7d;cursor:wait}
form>button{width:100%;margin-top:24px}
.error{color:var(--error);background:#fff2ef;padding:14px 16px;border:1px solid #dcb3a9;border-radius:8px}
.scope{font-size:16px;color:var(--secondary);margin-top:16px}
.email{overflow-wrap:anywhere}
ol{padding-left:24px}li{padding-left:4px;margin:12px 0}
.command{background:#eef3f6;padding:16px 18px;border-radius:8px;overflow-wrap:anywhere}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}
.command button{display:block;font-size:16px;background:transparent;color:var(--action);border:1px solid var(--action);padding:6px 12px;min-height:42px}
#copy-status{font-size:16px;color:var(--secondary);min-height:24px;margin-top:6px}
footer{max-width:740px;margin:24px auto 48px;padding:0 42px;color:var(--secondary);font-size:15px}
@media(max-width:640px){header{padding:22px 20px;align-items:flex-start;flex-direction:column;gap:3px}main{margin:0 12px;padding:30px 22px 36px}h1{font-size:30px}.lead{font-size:19px}.account{flex-direction:column;gap:3px}footer{padding:0 26px;margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}