/* Jetsy — sign-in. Same locked design system as the site. */
:root{
  --void:#05090F;--panel:#0B1420;--panel2:#101D2C;--line:#1C3047;--line2:#132335;
  --or:#FF6A1A;--or-lt:#FFB259;--blue:#4FA8FF;
  --ink:#E9F2FB;--ink2:#B4C8DC;--muted:#7B94AC;
  --ok:#3ED598;--hot:#FF6B5E;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{overflow-x:hidden}
body.authpage{margin:0;min-height:100vh;display:grid;place-items:center;padding:1.2rem;
  background:
    radial-gradient(46rem 26rem at 78% -8%,rgba(255,106,26,.16),transparent 62%),
    radial-gradient(40rem 24rem at 12% 8%,rgba(18,58,99,.7),transparent 66%),
    var(--void);
  color:var(--ink);font-family:Poppins,ui-sans-serif,system-ui,sans-serif;
  font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}
.authbox{width:min(100%,25rem);background:linear-gradient(180deg,var(--panel2),var(--panel));
  box-shadow:inset 0 0 0 1px var(--line),0 30px 80px -40px #000;
  padding:1.8rem 1.4rem 1.5rem;position:relative;
  clip-path:polygon(0 16px,16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}
.authbox::before{content:"";position:absolute;top:9px;right:9px;width:20px;height:20px;
  border:2px solid var(--or);border-left:0;border-bottom:0;pointer-events:none}
.authbox .mark{display:block;width:64px;margin:0 0 1rem}
.authbox .mark img{display:block;width:100%;height:auto}
.authbox h1{margin:0;font-size:1.7rem;font-weight:700;letter-spacing:-.03em}
.authbox .sub{margin:.35rem 0 1.3rem;color:var(--muted);font-size:.9rem}
.authbox form{display:flex;flex-direction:column;gap:.85rem}
.authbox label{display:flex;flex-direction:column;gap:.32rem;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}
.authbox input{font:inherit;font-family:Poppins,sans-serif;font-size:1rem;
  text-transform:none;letter-spacing:0;color:var(--ink);
  background:rgba(5,9,15,.65);border:0;box-shadow:inset 0 0 0 1px var(--line);
  padding:.72rem .8rem;border-radius:8px;width:100%}
.authbox input:focus{outline:2px solid var(--or);outline-offset:1px}
.authbox button{margin-top:.3rem;border:0;cursor:pointer;background:var(--or);color:#160800;
  font-weight:600;font-size:.95rem;padding:.8rem 1rem;
  clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  transition:filter .15s}
.authbox button:hover{filter:brightness(1.08)}
.msg{margin:0 0 1rem;padding:.65rem .8rem;border-radius:8px;font-size:.86rem;line-height:1.45}
.msg.bad{background:rgba(255,107,94,.11);box-shadow:inset 0 0 0 1px rgba(255,107,94,.34);
  color:#FFC9C2}
.msg.ok{background:rgba(62,213,152,.1);box-shadow:inset 0 0 0 1px rgba(62,213,152,.32);
  color:#B9F1DC}
.hint{margin:1rem 0 0;font-size:.78rem;color:var(--muted);line-height:1.55}
.hint strong{color:var(--or-lt)}
.foot{margin:1.1rem 0 0;padding-top:.9rem;border-top:1px solid var(--line2);
  font-size:.78rem;color:var(--muted)}
.foot a,.hint a{color:var(--or-lt)}

/* "keep me signed in" — a checkbox beside its label, not stacked like the
   text fields above it */
.stay{display:flex;align-items:center;gap:.55rem;margin:.2rem 0 .1rem;
  font-size:.85rem;color:var(--ink2);cursor:pointer}
.stay input{width:18px;height:18px;flex:none;accent-color:var(--or);margin:0}
.stay span{line-height:1.3}