:root{font-family:Arial,sans-serif;color:#183b50;background:#f4f8fc;font-size:17px;line-height:1.6;--accent:#1260b2}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header,main,footer{max-width:1020px;margin:auto;padding:24px 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cddbe5}header>span,footer{color:#526a7c;font-size:.85rem}.brand{font-size:1.55rem;font-weight:800;text-decoration:none;color:#183b50;letter-spacing:-1px}.brand span{color:var(--accent);font-weight:400;margin-left:4px}main{padding-top:72px;min-height:72vh}section{max-width:720px}h1{font-size:clamp(2.2rem,6vw,3.7rem);line-height:1.1;letter-spacing:-2px;margin:0 0 28px}h2{font-size:1.2rem;margin:30px 0 8px}p{max-width:62ch}button,#telegram{display:inline-block;background:var(--accent);color:white;border:1px solid var(--accent);padding:12px 22px;border-radius:7px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;margin:8px 8px 8px 0}button.secondary{color:#183b50;background:white;border-color:#b4c8d7;font-size:.9rem}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible{outline:3px solid #e59b26;outline-offset:4px}.heading{display:flex;gap:24px;justify-content:space-between;align-items:start}.notice{padding:18px;border-left:4px solid #1260b2;background:#e6eff8}#status{color:#624920;margin-top:32px}#confirmation{padding-top:20px}ul{padding-left:22px}li{padding:8px 0}footer{border-top:1px solid #cddbe5}@media(max-width:600px){header,main,footer{padding-left:22px;padding-right:22px}header>span{font-size:.75rem}main{padding-top:48px}.heading{display:block}}

/* Shared enterprise palette for account, sign-in and SSO pages. */
:root{font-family:system-ui,"Segoe UI",sans-serif;color:#1a1a1a;background:#f5f6f7;--accent:#0051c3}header{border-color:#e1e4e8;background:#fff}header>span,footer{color:#5f6b76}.brand{color:#1a1a1a;letter-spacing:0}.brand span{color:#f6821f}h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:0}button,#telegram{border-radius:6px}footer{border-color:#e1e4e8}.notice{background:#e6f4ec;border-color:#1f7a4d}
@media(prefers-color-scheme:dark){:root{color:#e8eaed;background:#101318;--accent:#6ea8ff}header{background:#171b22;border-color:#38404d}header>span,footer{color:#a3adb9}.brand{color:#e8eaed}button,#telegram{color:#101318}.notice{background:#1b2c26}button.secondary{color:#e8eaed;background:#171b22;border-color:#38404d}footer{border-color:#38404d}a{color:#6ea8ff}#status{color:#e5b567}}

.brand{display:inline-flex;align-items:center;gap:8px}.brand img{width:30px;height:30px;object-fit:contain}.brand span{margin-left:-4px}

header .theme-switch{margin:0 0 0 auto;padding:7px 10px;font-size:13px;background:transparent;color:inherit;border:1px solid #a3adb9}
:root[data-theme="light"]{color-scheme:light;color:#1a1a1a;background:#f5f6f7;--accent:#0051c3}:root[data-theme="light"] header{background:#fff;border-color:#e1e4e8}:root[data-theme="light"] .brand{color:#1a1a1a}:root[data-theme="light"] .notice{background:#e6f4ec}:root[data-theme="light"] a{color:#0051c3}:root[data-theme="light"] button.secondary{color:#1a1a1a;background:#fff}
:root[data-theme="dark"]{color-scheme:dark;color:#e8eaed;background:#101318;--accent:#6ea8ff}:root[data-theme="dark"] header{background:#171b22;border-color:#38404d}:root[data-theme="dark"] .brand{color:#e8eaed}:root[data-theme="dark"] .notice{background:#1b2c26}:root[data-theme="dark"] a{color:#6ea8ff}:root[data-theme="dark"] button.secondary{color:#e8eaed;background:#171b22}:root[data-theme="dark"] #status{color:#e5b567}

@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand img{content:url('/assets/website-logo-dark.png')}}:root[data-theme="dark"] .brand img{content:url('/assets/website-logo-dark.png')}
:root[data-theme="light"] header>span,:root[data-theme="light"] footer{color:#5f6b76}
:root[data-theme="light"] #status{color:#624920}
:root[data-theme="light"] footer{border-color:#e1e4e8}
:root[data-theme="light"] button:not(.secondary):not(.theme-switch),:root[data-theme="light"] #telegram{color:#fff}
:root[data-theme="dark"] header>span,:root[data-theme="dark"] footer{color:#a3adb9}
:root[data-theme="dark"] footer{border-color:#38404d}
:root[data-theme="dark"] button:not(.secondary):not(.theme-switch),:root[data-theme="dark"] #telegram{color:#101318}
header{gap:16px}header>span{flex:0 1 auto}
@media(max-width:600px){header{flex-wrap:wrap;row-gap:6px}header>span{order:3;flex-basis:100%}header .theme-switch{margin-left:auto}}