:root{color-scheme:dark;--page:#0b0c0e;--panel:#15171b;--text:#f2f3f5;--muted:#a1a8b3;--line:#24272d;--blue:#25a9ef}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:Segoe UI,Arial,sans-serif;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit}a:focus-visible{outline:3px solid #82d5ff;outline-offset:5px;border-radius:6px}.site-header,footer{max-width:1440px;width:100%;margin:0 auto;padding:30px 64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-header{border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:16px;font-size:26px;font-weight:750;letter-spacing:-.5px}.brand img{width:106px;height:72px;object-fit:contain;background:white;border-radius:6px}.brand-company{display:block;font-size:12px;font-weight:500;letter-spacing:.6px;color:var(--muted);margin-top:5px}.access-label{font-size:13px;color:var(--muted);white-space:nowrap}.lock{margin-right:7px}main{max-width:1280px;width:100%;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:100px;padding:90px 64px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--blue);margin:0 0 22px}h1{font-size:clamp(48px,5.5vw,78px);line-height:1.08;letter-spacing:-3px;margin:0 0 26px;font-weight:750}.intro-copy{font-size:19px;line-height:1.65;color:var(--muted);max-width:390px}.board-types{list-style:none;padding:0;margin:34px 0 0;display:flex;gap:10px;flex-wrap:wrap}.board-types li{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:#c9d0da}.login-card{background:var(--panel);border:1px solid #303640;border-radius:16px;padding:42px 38px;box-shadow:0 20px 60px #0003;position:relative;overflow:hidden}.card-marker{position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue)}.login-card .eyebrow{margin-bottom:12px}h2{font-size:27px;line-height:1.3;letter-spacing:-.6px;margin:0 0 15px}.login-card p:not(.eyebrow){font-size:15px;line-height:1.6;color:var(--muted)}.login-button{margin-top:30px;display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:14px 20px;background:#1686ca;border:1px solid #34b5fb;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;color:white}.login-button:hover{background:#219bdc}.login-note{text-align:center;font-size:12px!important;margin:13px 0 30px}.install-note{border-top:1px solid var(--line);padding-top:24px;font-size:13px}.install-note p{font-size:13px!important;margin-bottom:0}footer{font-size:12px;color:#7d8590;border-top:1px solid var(--line);padding-top:24px;padding-bottom:24px}
@media(max-width:900px){main{gap:44px;padding:64px 36px}.site-header,footer{padding-left:36px;padding-right:36px}.login-card{padding:34px 26px}h1{font-size:58px}}
@media(max-width:680px){.site-header{padding:20px}.brand{font-size:22px;gap:12px}.brand img{width:80px;height:55px}.access-label{font-size:0}.lock{font-size:16px}main{grid-template-columns:1fr;gap:32px;padding:40px 22px}.eyebrow{margin-bottom:14px}h1{font-size:48px;letter-spacing:-2px;margin-bottom:16px}.intro-copy{font-size:16px;margin-bottom:0}.board-types{margin-top:22px}.login-card{padding:32px 26px}h2{font-size:25px}footer{padding:22px;align-items:flex-start;flex-direction:column;gap:8px}}