/* Raysor Operations secure sign-in material layer. Presentation only. */

.signin-liquid-page {
  --signin-ink: #f7fbff;
  --signin-muted: #aebfd1;
  --signin-blue: #66aaff;
  --signin-cyan: #70e7ff;
  --signin-edge: rgba(207, 231, 255, 0.2);
  --signin-surface: rgba(12, 21, 35, 0.72);
  --signin-opaque: #101a29;
  --signin-control: 52px;
  min-block-size: 100vh;
  background: radial-gradient(circle at 50% 15%, rgba(85, 154, 255, 0.18), transparent 28rem), radial-gradient(circle at 18% 70%, rgba(112, 231, 255, 0.08), transparent 26rem), #06080d;
}
.signin-liquid-page main { display:grid; place-items:center; min-block-size:calc(100vh - 10rem); padding:clamp(2rem,6vw,5rem) max(1rem,env(safe-area-inset-left)) clamp(3rem,7vw,6rem) max(1rem,env(safe-area-inset-right)); }
.signin-liquid-page .signin-card { position:relative; isolation:isolate; overflow:clip; inline-size:min(100%,46rem); padding:clamp(1.5rem,5vw,3.25rem); border:1px solid var(--signin-edge); border-radius:clamp(24px,4vw,34px); background:linear-gradient(160deg,rgba(25,41,64,.76),rgba(9,17,29,.84)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.22),0 35px 100px rgba(0,0,0,.34); backdrop-filter:blur(28px) saturate(150%); transition:border-color 220ms ease,box-shadow 260ms ease,transform 220ms cubic-bezier(.2,.8,.2,1); }
.signin-liquid-page .signin-card::before { content:""; position:absolute; z-index:-1; inline-size:26rem; block-size:16rem; inset:-8rem -7rem auto auto; border-radius:50%; background:radial-gradient(circle,rgba(100,174,255,.2),transparent 68%); pointer-events:none; }
.signin-liquid-page .signin-card::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.045) 49%,transparent 56% 100%); transform:translateX(-20%); transition:transform 520ms cubic-bezier(.2,.8,.2,1); }
@media (hover:hover) and (pointer:fine) { .signin-liquid-page .signin-card:hover::after { transform:translateX(20%); } }
.signin-heading-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.signin-liquid-page .pill,.signin-network-state { display:inline-flex; align-items:center; min-block-size:38px; padding-inline:.8rem; border:1px solid rgba(112,231,255,.22); border-radius:999px; background:rgba(112,231,255,.07); color:#dff8ff; font-size:.82rem; font-weight:750; }
.signin-network-state { background:rgba(102,170,255,.08); border-color:rgba(102,170,255,.2); color:#dcecff; }
.signin-liquid-page .pill-dot { inline-size:.58rem; block-size:.58rem; margin-inline-end:.55rem; border-radius:50%; background:var(--signin-cyan); box-shadow:0 0 16px rgba(112,231,255,.6); }
.signin-liquid-page .signin-card h1 { margin-block:.25rem .7rem; color:var(--signin-ink); letter-spacing:-.04em; }
.signin-liquid-page .signin-card .lede,.signin-liquid-page .signin-card .muted { color:var(--signin-muted); }
.signin-trust-strip { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem; margin-block:1.1rem .5rem; color:#bcd0e5; font-size:.82rem; font-weight:700; }
.signin-trust-strip i { inline-size:.3rem; block-size:.3rem; border-radius:50%; background:rgba(112,231,255,.55); box-shadow:0 0 10px rgba(112,231,255,.3); }
.signin-liquid-page .form-status { display:flex; align-items:center; gap:.7rem; min-block-size:48px; margin-block:1.1rem 1rem; padding:.85rem 1rem; border:1px solid rgba(102,170,255,.18); border-radius:16px; background:rgba(102,170,255,.07); color:#dcecff; }
.signin-liquid-page .form-status::before { content:""; flex:0 0 .58rem; inline-size:.58rem; block-size:.58rem; border-radius:50%; background:var(--signin-blue); box-shadow:0 0 14px rgba(102,170,255,.5); }
.signin-liquid-page [data-signin-state="ready"] { border-color:rgba(99,237,179,.32); box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 35px 100px rgba(0,0,0,.34),0 0 48px rgba(75,220,171,.08); }
.signin-liquid-page [data-signin-state="ready"] .form-status { border-color:rgba(99,237,179,.28); background:rgba(67,208,156,.09); color:#e2fff2; }
.signin-liquid-page [data-signin-state="ready"] .form-status::before { background:#63edb3; box-shadow:0 0 16px rgba(99,237,179,.5); }
.signin-liquid-page [data-signin-state="error"] .form-status,.signin-liquid-page [data-signin-state="offline"] .form-status { border-color:rgba(255,119,128,.28); background:rgba(255,92,105,.08); color:#ffe7e9; }
.signin-liquid-page [data-signin-state="error"] .form-status::before,.signin-liquid-page [data-signin-state="offline"] .form-status::before { background:#ff7780; box-shadow:0 0 16px rgba(255,119,128,.45); }
.signin-liquid-page [data-signin-state="checking"] .form-status::before { animation:signin-pulse 1.3s ease-in-out infinite; }
@keyframes signin-pulse { 50% { transform:scale(1.55); opacity:.5; } }
.signin-liquid-page .signin-card .actions { display:flex; flex-wrap:wrap; gap:.75rem; }
.signin-primary-actions { align-items:stretch; }
.signin-liquid-page .signin-card .button { min-block-size:var(--signin-control); }
.signin-liquid-page [data-signin-button] { flex:1 1 16rem; justify-content:center; transition:transform 160ms cubic-bezier(.2,.8,.2,1),box-shadow 180ms ease,opacity 180ms ease; }
.signin-liquid-page [data-signin-retry],.signin-liquid-page [data-access-logout] { flex:0 1 auto; }
.signin-liquid-page [data-signin-button]:not([disabled]):active,.signin-liquid-page [data-signin-retry]:active,.signin-liquid-page [data-access-logout]:active { transform:scale(.985); }
.signin-liquid-page [data-signin-button][disabled] { opacity:.62; box-shadow:none; }
.signin-evidence { display:grid; gap:.2rem; margin-block:1rem 1.35rem; padding:.8rem .95rem; border:1px solid rgba(207,231,255,.12); border-radius:14px; background:rgba(255,255,255,.035); }
.signin-evidence-label { color:#8fa8c1; font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.signin-evidence strong { color:#d9ebff; font-size:.9rem; font-weight:700; }
.signin-liquid-page .text-link { min-block-size:44px; display:inline-flex; align-items:center; padding-inline:.2rem; }
.signin-liquid-page .button:focus-visible,.signin-liquid-page .text-link:focus-visible,.signin-liquid-page .site-nav a:focus-visible,.signin-liquid-page .menu-toggle:focus-visible { outline:3px solid rgba(112,231,255,.92); outline-offset:4px; }
@media (max-width:620px) { .signin-liquid-page main { place-items:start center; } .signin-liquid-page .signin-card .actions { display:grid; } .signin-liquid-page .signin-card .button,.signin-liquid-page .signin-card .text-link { inline-size:100%; justify-content:center; } .signin-trust-strip { align-items:flex-start; } }
@media (pointer:coarse) { .signin-liquid-page { --signin-control:56px; } .signin-liquid-page .text-link { min-block-size:52px; } }
@media (prefers-reduced-motion:reduce) { .signin-liquid-page .signin-card::after,.signin-liquid-page .signin-card,.signin-liquid-page [data-signin-button],.signin-liquid-page [data-signin-retry],.signin-liquid-page [data-access-logout] { transition:none !important; transform:none !important; } .signin-liquid-page [data-signin-state="checking"] .form-status::before { animation:none; } }
@media (prefers-reduced-transparency:reduce) { .signin-liquid-page .signin-card,.signin-evidence,.signin-liquid-page .form-status,.signin-liquid-page .pill,.signin-network-state { background:var(--signin-opaque); backdrop-filter:none; } }
@media (forced-colors:active) { .signin-liquid-page,.signin-liquid-page .signin-card,.signin-liquid-page .pill,.signin-network-state,.signin-liquid-page .form-status,.signin-evidence { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; backdrop-filter:none; } .signin-liquid-page .signin-card::before,.signin-liquid-page .signin-card::after,.signin-liquid-page .pill-dot,.signin-liquid-page .form-status::before,.signin-trust-strip i { display:none; } .signin-liquid-page .button:focus-visible,.signin-liquid-page .text-link:focus-visible,.signin-liquid-page .site-nav a:focus-visible,.signin-liquid-page .menu-toggle:focus-visible { outline:3px solid Highlight; } }