/* Login only. The authenticated workspace keeps its own appearance and layout. */
.signin-page.bb-login {
  --bg:#000000;--surface:#0b111b;--raised:#141e2d;--text:#edf3fc;--muted:#a7b6cb;
  --line:#2b3c50;--border:#657990;--accent:#75b5ff;--on:#061323;--focus:#add3ff;--focus-sep:#000000;
  position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  min-height:100vh;min-height:100svh;padding:36px 24px;overflow:hidden;
  color:var(--text);background:#000000;color-scheme:dark;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.bb-login-field {position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 14% 70%,#10324b65,transparent 48%),radial-gradient(ellipse at 92% 82%,#5b321d35,transparent 38%),radial-gradient(ellipse at 65% 8%,#11302b36,transparent 52%),#000000;}
.bb-login-field::before {content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 43%,#00000010 15%,#00000020 55%,#00000099 100%);}
.bb-login-field::after {content:"";position:absolute;left:-50%;right:-50%;height:85vh;bottom:-49vh;transform:perspective(500px) rotateX(66deg);transform-origin:center top;background-image:linear-gradient(#427caf25 1px,transparent 1px),linear-gradient(90deg,#427caf25 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);opacity:.75;}
.bb-login[data-login-renderer=webgl] .bb-login-field::after {opacity:0;}
.bb-login-canvas {display:block;width:100%;height:100%;pointer-events:none;}
.signin-page.bb-login .signin-card {
  box-sizing:border-box;position:relative;width:min(440px,100%);max-width:100%;padding:32px;
  background:linear-gradient(150deg,#0e1723f5,#080e17fa 70%);border:1px solid #304359;border-radius:16px;
  color:var(--text);box-shadow:0 26px 90px #0009,0 0 0 1px #75b5ff09 inset;
}
.signin-page.bb-login .signin-card::after {content:"";position:absolute;top:-1px;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,#75b5ff99 30%,#75b5ff33 72%,transparent);pointer-events:none;}
.signin-page.bb-login .signin-card>img {display:block;width:44px;height:44px;object-fit:contain;border-radius:10px;margin:0 0 18px;}
.signin-page.bb-login .signin-card .eyebrow {color:#9fb9d5;font:600 10px/1.5 ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;}
.signin-page.bb-login .signin-card h1 {margin:8px 0 10px;color:var(--text);font-size:28px;font-weight:650;letter-spacing:-.035em;line-height:1.15;}
.signin-page.bb-login .signin-card p {color:var(--muted);font-size:14px;line-height:1.5;margin:0;}
.signin-page.bb-login .signin-card p.small {font-size:12px;overflow-wrap:anywhere;}
.signin-page.bb-login .signin-card form {display:grid;gap:14px;margin:24px 0 18px;}
.signin-page.bb-login .signin-card label {display:block;color:#c5d2e3;font-size:13px;line-height:1.5;font-weight:500;}
.signin-page.bb-login .signin-card input {box-sizing:border-box;display:block;width:100%;min-width:0;min-height:48px;margin-top:7px;padding:11px 13px;background:#060c14;color:var(--text);border:1px solid #60728a;border-radius:8px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;caret-color:var(--accent);}
.signin-page.bb-login .signin-card input:focus-visible {border-color:var(--accent);outline:2px solid #a1cdff;outline-offset:2px;box-shadow:none;}
.signin-page.bb-login .signin-card button.primary {width:100%;min-height:48px;margin:2px 0 0;padding:11px 16px;border:1px solid #91c3ff;border-radius:8px;background:#75b5ff;color:#061323;font:650 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 0 24px #377ab01a;}
.signin-page.bb-login .signin-card button.primary:hover {background:#98c8ff;border-color:#b4d8ff;}
.signin-page.bb-login .signin-card button.primary:focus-visible {outline:2px solid #c6e1ff;outline-offset:3px;}
.signin-page.bb-login .signin-card button.primary:disabled {opacity:.65;cursor:wait;}
.signin-page.bb-login .signin-card>button.primary[data-auth-signin] {margin:24px 0 18px;}
.signin-page.bb-login .signin-card .form-error {margin:0;padding:12px;background:#30171c;color:#ffb4bf;border:1px solid #a25e6a;border-radius:8px;font-size:14px;line-height:1.5;}
.signin-page.bb-login .signin-card>.form-error:not(:empty) {margin-top:18px;}
.signin-page.bb-login .signin-card .form-error:empty {display:none;}
.signin-page.bb-login .bb-login-motion {position:relative;flex:none;min-height:44px;max-width:100%;padding:9px 14px;border:1px solid #34445b;border-radius:24px;background:#080f19cc;color:#a9bdd5;font:400 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:normal;cursor:pointer;}
.signin-page.bb-login .bb-login-motion:hover:not(:disabled) {background:#142134;color:#e7f2ff;border-color:#7295b9;}
.signin-page.bb-login .bb-login-motion:focus-visible {outline:2px solid #a1cdff;outline-offset:3px;}
.signin-page.bb-login .bb-login-motion:disabled {opacity:.7;cursor:default;}
@media(max-width:600px) {
  .signin-page.bb-login {padding:calc(20px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));gap:12px;}
  .signin-page.bb-login .signin-card {padding:24px;border-radius:14px;}
  .signin-page.bb-login .signin-card h1 {font-size:25px;}
  .signin-page.bb-login .signin-card>img {width:40px;height:40px;margin-bottom:16px;}
}
@media(max-height:650px) {
  .signin-page.bb-login {justify-content:flex-start;}
  .signin-page.bb-login .signin-card {padding-top:22px;padding-bottom:22px;}
  .signin-page.bb-login .signin-card>img {width:36px;height:36px;margin-bottom:12px;}
}
@media(prefers-reduced-motion:reduce) {.bb-login-canvas {will-change:auto;}}
@media(forced-colors:active) {
  .bb-login-field {display:none;}
  .signin-page.bb-login,.signin-page.bb-login .signin-card {background:Canvas;color:CanvasText;border-color:CanvasText;}
  .signin-page.bb-login .signin-card :is(h1,p,label,.eyebrow),.signin-page.bb-login .bb-login-motion {color:CanvasText;}
}
