/* SignIn presentation from sapphire-suite-prod, commit 8192b2e. */
:root { color-scheme: light; --bg:#f5f7fb; --panel:#fff; --text:#1d2a43; --muted:#71809c; --border:#dfe6f2; --blue:#2c5eea; --nav:#10243b; --nav-text:#d5deea; }
:root[data-theme='dark'] { color-scheme: dark; --bg:#101a2b; --panel:#18263c; --text:#edf3ff; --muted:#a5b4cf; --border:#31415c; --blue:#7ca1ff; --nav:#0b1728; --nav-text:#d5deea; }
@media (prefers-color-scheme:dark) { :root:not([data-theme]) { color-scheme: dark; --bg:#101a2b; --panel:#18263c; --text:#edf3ff; --muted:#a5b4cf; --border:#31415c; --blue:#7ca1ff; --nav:#0b1728; --nav-text:#d5deea; } }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; }
body { background:var(--bg); color:var(--text); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:15px; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
:focus-visible { outline:3px solid #7ba2ff; outline-offset:3px; }
h1,h2,h3,p{margin-top:0}
.signin { min-height:100vh; display:grid; grid-template-columns:1fr 1fr; background:var(--panel); }
.signin-brand { position:relative; overflow:hidden; background:#10243b; color:#fff; padding:40px clamp(30px,5vw,80px); display:flex; flex-direction:column; min-height:650px; }
.brand-lockup { display:flex; align-items:center; gap:12px; position:relative; z-index:1; }
.brand-lockup img { border-radius:10px; }
.brand-lockup div { display:flex; flex-direction:column; gap:2px; }
.brand-lockup strong { font-size:20px; }
.brand-lockup span { color:#aebdd0; }
.signin-message { margin:auto 0 15%; position:relative; z-index:1; max-width:550px; }
.brand-rule { display:block; width:52px; height:4px; background:#5791ff; border-radius:4px; margin-bottom:26px; }
.signin-message h1 { font-size:clamp(38px,4.5vw,66px); line-height:1.06; letter-spacing:-.06em; margin-bottom:22px; }
.signin-message p { color:#b5c3d6; font-size:18px; }
.gem-art { position:absolute; font-size:540px; line-height:1; right:-70px; bottom:-205px; color:rgba(91,140,255,.095); transform:rotate(-20deg); user-select:none; }
.signin-action { display:grid; place-items:center; padding:40px; }
.signin-panel { width:min(100%,430px); }
.signin-panel h2 { font-size:35px; letter-spacing:-.045em; margin-bottom:10px; }
.signin-panel p { color:var(--muted); margin-bottom:32px; }
.primary-button { display:flex; align-items:center; justify-content:space-between; background:#315fdf; border-radius:10px; color:#fff; padding:16px 19px; font-weight:650; box-shadow:0 8px 24px rgba(40,82,180,.15); }
.primary-button:hover { background:#244dc0; }
.primary-button span { font-size:24px; line-height:1; }
.signin-panel small { display:block; color:var(--muted); margin-top:16px; }
.signin-error { display:flex; flex-direction:column; gap:4px; padding:15px; border:1px solid #f0c9cd; border-radius:10px; color:#9c2e39; background:#fff4f5; margin-bottom:18px; }
.mobile-scrim { display:none; }
.eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
@media(max-width:720px){.signin{display:block}.signin-brand{min-height:330px;padding:26px}.signin-message{margin:auto 0 0}.signin-message h1{font-size:38px}.signin-message p{display:none}.signin-action{min-height:390px;padding:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}