:root{color-scheme:dark;--text:#f6f6f7;--muted:#8b8b93;--muted2:#66666e;--line:rgba(255,255,255,.09);--panel:#0d0d0f;--panel2:#121215;--field:#101013;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}
html,body{margin:0;width:100%;height:100%;background:#000;color:var(--text)}
body{font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}
button,input{font:inherit}
.shell{position:relative;width:min(100%,920px);min-height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:88px 28px 40px;overflow:auto}
.close{position:absolute;top:30px;left:46px;z-index:5;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.055);color:#d9d9de;display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer;transition:background .16s ease,transform .16s ease,color .16s ease}
.close span{display:block;transform:translateX(-1px) translateY(-1px)}
.close:hover{background:rgba(255,255,255,.09);color:#fff}
.close:active{transform:scale(.94)}
.login-companion{position:relative;width:100%;max-width:520px;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;justify-self:center;text-align:center}
.login-companion__eyebrow{margin:0 0 14px;color:#67676f;font-size:11px;font-weight:800;letter-spacing:.14em}
.login-companion img{display:block;width:min(100%,360px);height:auto;max-height:34vh;object-fit:contain;object-position:center;filter:drop-shadow(0 24px 42px rgba(0,0,0,.38));transform:rotate(-1.2deg)}
.login-companion__caption{margin:16px 0 0;max-width:460px;display:grid;gap:6px;text-align:center}
.login-companion__caption strong{font-size:18px;line-height:1.1;letter-spacing:-.03em}
.login-companion__caption span{color:#73737b;font-size:13px;line-height:1.5}
.stage{width:min(100%,620px);min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.scene{width:100%;display:grid;gap:22px;align-content:center;justify-items:center;opacity:1;transform:translateY(0)}
.scene.is-leaving{animation:leave .24s ease forwards}.scene.is-entering{animation:enter .3s cubic-bezier(.2,.72,.2,1) both}
@keyframes leave{to{opacity:0;transform:translateY(-10px)}}@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.ksan-row{width:100%;margin:0;display:grid;justify-items:center;align-items:center}
.message{width:100%;min-width:0;text-align:center}
.name{display:none}
.title{margin:0;color:#f7f7f8;font-size:31px;line-height:1.08;font-weight:760;letter-spacing:-.045em;min-height:1.08em}
.copy{max-width:560px;margin:14px auto 0;color:#a2a2aa;font-size:15px;line-height:1.58;min-height:1.5em}
.aside{max-width:520px;margin:12px auto 0;color:#66666e;font-size:12.5px;line-height:1.5;min-height:1.45em}
.form-box{width:100%;max-width:560px;margin:0 auto;display:grid;gap:12px}
.field-label{color:#74747c;font-size:11px;font-weight:720;letter-spacing:.01em}
.field{height:58px;padding:0 17px;border-radius:17px;border:1px solid var(--line);background:var(--field);display:flex;align-items:center;transition:border-color .16s ease,background .16s ease}
.field:focus-within{border-color:rgba(255,255,255,.18);background:#131316}
.field input{width:100%;border:0;outline:0;background:transparent;color:#f7f7f8;font-size:16px;font-weight:620;letter-spacing:.015em}
.field input::placeholder{color:#55555d;font-weight:500;letter-spacing:0}
.field-note{margin:0;color:#66666e;font-size:12px;line-height:1.45}
.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px;width:100%}
.primary,.secondary{height:48px;padding:0 20px;border-radius:15px;font-weight:760;cursor:pointer;transition:transform .13s ease,background .15s ease,border-color .15s ease}
.primary{border:0;background:#f4f4f6;color:#0a0a0b}.primary:hover{background:#fff}.primary:disabled{opacity:.42;cursor:default}
.secondary{border:1px solid var(--line);background:#121215;color:#e8e8eb}.secondary:hover{background:#18181c;border-color:rgba(255,255,255,.14)}
.primary:active,.secondary:active{transform:scale(.985)}
.selected{padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:#101013;color:#e9e9ec;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.captcha-message{width:100%;margin:0 0 4px}
.captcha-card{width:100%;margin:0;display:grid;gap:14px}
.captcha-image{width:min(100%,360px);aspect-ratio:1/1;margin:0 auto;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:#070709}
.captcha-image img{width:100%;height:100%;display:block;object-fit:cover}
.captcha-error{min-height:1.45em;margin:0;color:#9a9aa2;font-size:12.5px;line-height:1.45}
@media(max-width:940px){.shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:72px 22px 24px;overflow:auto;align-content:start}.close{top:18px;left:22px}.login-companion{min-height:0;max-width:620px;display:grid;grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;align-items:center}.login-companion__eyebrow{grid-column:2;margin:0 0 6px}.login-companion img{grid-row:1/3;width:160px;max-height:180px;transform:none}.login-companion__caption{grid-column:2;margin:0;align-self:start}.stage{min-height:440px;margin:0 auto;padding:30px 0;border-radius:0}.title{font-size:28px}}
@media(max-width:620px){body{overflow:auto}.shell{padding:68px 14px 18px;gap:14px}.close{left:14px;top:14px;width:36px;height:36px}.login-companion{grid-template-columns:92px 1fr;column-gap:12px;padding:0 8px}.login-companion__eyebrow{font-size:9px;margin-bottom:3px}.login-companion img{width:92px;max-height:110px}.login-companion__caption{gap:3px}.login-companion__caption strong{font-size:15px}.login-companion__caption span{font-size:11.5px;line-height:1.35}.stage{min-height:420px;padding:24px 0;border-radius:0}.scene{gap:18px}.title{font-size:25px}.copy{font-size:14px;line-height:1.52}.aside{font-size:12px}.actions{display:grid;grid-template-columns:1fr}.primary,.secondary{width:100%;height:46px}.captcha-image{width:min(100%,300px);border-radius:18px}}
@media(prefers-reduced-motion:reduce){.scene.is-leaving,.scene.is-entering{animation:none!important}.primary,.secondary,.close{transition:none!important}}

/* v579 — consolidated login layout */
html,body{background:transparent!important}body{overflow:auto!important}
.shell{width:100%!important;min-height:100dvh!important;margin:0!important;padding:76px 20px 34px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important}
.login-companion{display:none!important}
.stage{width:min(100%,560px)!important;min-height:0!important;margin:0 auto!important;padding:0!important;background:transparent!important}
.scene{width:100%!important;justify-items:center!important;gap:20px!important}.message{text-align:center!important}
.title{font-size:clamp(28px,3vw,36px)!important}.copy{max-width:520px!important;margin-left:auto!important;margin-right:auto!important}.aside{max-width:500px!important;margin-left:auto!important;margin-right:auto!important}
.form-box,.captcha-card,.captcha-message{width:min(100%,520px)!important;margin-left:auto!important;margin-right:auto!important}.actions{justify-content:center!important}
.close{position:fixed!important;top:24px!important;left:24px!important;width:38px!important;height:38px!important;background:rgba(16,16,19,.72)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.field{min-height:56px!important;height:auto!important;padding:0 0 7px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:border-color .18s ease!important}
.field:hover{border-bottom-color:rgba(255,255,255,.23)!important;background:transparent!important}.field:focus-within{border-bottom-color:rgba(255,255,255,.58)!important;background:transparent!important}
.field input{width:100%!important;min-height:46px!important;height:46px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#f3f4f6!important;font-size:17px!important;font-weight:590!important;letter-spacing:.005em!important}.field input::placeholder{color:#666a73!important;font-size:16px!important;font-weight:470!important}
.text-reveal{animation:ksanTextReveal .22s cubic-bezier(.2,.8,.2,1) both!important}@keyframes ksanTextReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.shell{padding:68px 16px 24px!important}.close{top:14px!important;left:14px!important}.title{font-size:27px!important}.field{min-height:54px!important}.field input{min-height:44px!important;height:44px!important;font-size:17px!important}}


/* v582 — lift auth content higher in the viewport */
.stage{transform:translateY(-48px)!important}
@media(max-width:620px){.stage{transform:translateY(-26px)!important}}

/* v584 — back icon on the right */
.close{
  position:fixed!important;
  top:24px!important;
  right:24px!important;
  left:auto!important;
}
@media(max-width:620px){
  .close{top:14px!important;right:14px!important;left:auto!important}
}

/* v589 — back control raised ~40% higher again */
.close{
  position:fixed!important;
  top:calc(50% - 241px)!important;
  right:max(18px, calc(50vw - 340px))!important;
  left:auto!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
.close:active{transform:translateY(-50%) scale(.94)!important}
@media(max-width:620px){
  .close{
    top:calc(50% - 168px)!important;
    right:12px!important;
    left:auto!important;
    transform:translateY(-50%)!important;
  }
  .close:active{transform:translateY(-50%) scale(.94)!important}
}

/* v591 — third Ksan line sits below form/actions in login */
.scene > .aside{width:min(100%,500px)!important;margin:2px auto 0!important;text-align:center!important}


/* v592 — login visual refresh */
html,body{background:#000!important}
body{position:relative!important;min-height:100dvh!important;isolation:isolate!important}
body::before{content:"";position:fixed;inset:-18% -10%;z-index:-2;pointer-events:none;background:radial-gradient(circle at 20% 38%,rgba(0,174,255,.14),transparent 30%),radial-gradient(circle at 78% 34%,rgba(255,32,154,.14),transparent 28%),radial-gradient(circle at 82% 72%,rgba(255,107,24,.12),transparent 24%),radial-gradient(circle at 22% 74%,rgba(76,255,214,.10),transparent 24%);filter:blur(20px);opacity:.95}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.16))}
.shell{width:min(100%,620px)!important;min-height:100dvh!important;margin:0 auto!important;padding:34px 20px!important;gap:18px!important;justify-content:center!important;overflow:auto!important}
.login-pass-art{display:block!important;width:min(72vw,310px)!important;height:auto!important;max-height:220px!important;object-fit:contain!important;margin:0 auto 2px!important;filter:drop-shadow(0 24px 42px rgba(0,0,0,.28))!important;pointer-events:none!important;user-select:none!important}
.stage{width:min(100%,520px)!important;transform:none!important;margin:0 auto!important}
.scene{gap:18px!important}
.form-box,.captcha-card,.captcha-message{width:min(100%,500px)!important}
.actions{width:100%!important;gap:10px!important}
.form-box > .actions:has(.primary:only-child),.scene > .actions:has(.primary:only-child){display:block!important}
.form-box > .actions:has(.primary:only-child) .primary,.scene > .actions:has(.primary:only-child) .primary{width:100%!important}
.primary,.login-return{min-height:56px!important;height:56px!important;border:0!important;border-radius:18px!important;padding:0 22px!important;font-size:15.5px!important;font-weight:690!important;letter-spacing:-.018em!important;box-shadow:none!important;transition:background .18s ease,transform .18s ease,opacity .18s ease!important}
.primary{background:#f5f5f6!important;color:#0a0a0b!important}.primary:hover{background:#fff!important}.primary:active{transform:scale(.995)!important}
.login-return{display:flex!important;align-items:center!important;justify-content:center!important;width:min(100%,500px)!important;margin:2px auto 0!important;background:#303033!important;color:#f3f3f5!important;cursor:pointer!important}.login-return:hover{background:#38383c!important}.login-return:active{transform:scale(.995)!important}
.close{display:none!important}
@media(max-width:620px){.shell{padding:24px 16px!important;gap:15px!important}.login-pass-art{width:min(72vw,250px)!important;max-height:168px!important}.stage{width:min(100%,460px)!important}.form-box,.captcha-card,.captcha-message{width:100%!important}.primary,.login-return{min-height:54px!important;height:54px!important;border-radius:17px!important}.login-return{width:100%!important}}

/* v593 — pure black login background */
body::before,body::after{background:#000!important;filter:none!important;opacity:1!important}

/* v594 — larger login pass artwork, raised without shifting the form */
.login-pass-art{
  width:min(78vw,430px)!important;
  max-height:300px!important;
  margin:0 auto -44px!important;
  transform:translateY(-54px)!important;
  transform-origin:center center!important;
}
@media(max-width:620px){
  .login-pass-art{
    width:min(82vw,320px)!important;
    max-height:220px!important;
    margin-bottom:-28px!important;
    transform:translateY(-34px)!important;
  }
}

/* v595 — paired login actions share one geometry */
.actions:has(> .primary):has(> .secondary){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}
.actions:has(> .primary):has(> .secondary) > .primary,
.actions:has(> .primary):has(> .secondary) > .secondary{
  width:100%!important;
  min-width:0!important;
  height:56px!important;
  min-height:56px!important;
  padding:0 20px!important;
  border-radius:18px!important;
  font-size:15.5px!important;
  font-weight:690!important;
  letter-spacing:-.018em!important;
}
.actions:has(> .primary):has(> .secondary) > .secondary{
  border:1px solid rgba(255,255,255,.09)!important;
  background:#17171a!important;
  color:#f1f1f3!important;
}
.actions:has(> .primary):has(> .secondary) > .secondary:hover{
  background:#1d1d21!important;
}
@media(max-width:620px){
  .actions:has(> .primary):has(> .secondary){gap:10px!important}
  .actions:has(> .primary):has(> .secondary) > .primary,
  .actions:has(> .primary):has(> .secondary) > .secondary{
    height:54px!important;
    min-height:54px!important;
    border-radius:17px!important;
    padding:0 14px!important;
  }
}


/* v596 — login keeps one big main action and one secondary back action */
.login-return{display:none!important}
.actions:has(> .primary):has(> .secondary){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:stretch!important;
}
.actions:has(> .primary):has(> .secondary) > .primary,
.actions:has(> .primary):has(> .secondary) > .secondary{
  width:100%!important;
  min-width:0!important;
  flex:none!important;
  min-height:56px!important;
  height:56px!important;
  border-radius:18px!important;
}
.actions:has(> .primary):has(> .secondary) > .primary{
  order:1!important;
}
.actions:has(> .primary):has(> .secondary) > .secondary{
  order:2!important;
  background:#303033!important;
  border:0!important;
  color:#f3f3f5!important;
}
.actions:has(> .primary):has(> .secondary) > .secondary:hover{
  background:#38383c!important;
  border-color:transparent!important;
}
@media(max-width:620px){
  .actions:has(> .primary):has(> .secondary){gap:10px!important}
  .actions:has(> .primary):has(> .secondary) > .primary,
  .actions:has(> .primary):has(> .secondary) > .secondary{
    min-height:54px!important;
    height:54px!important;
    border-radius:17px!important;
  }
}


/* v599 — explicit auth page header */
.shell--auth{
  grid-template-rows:auto auto 1fr!important;
  align-content:start!important;
  justify-items:center!important;
  padding-top:22px!important;
}
.auth-head{
  width:min(100%,560px)!important;
  min-height:50px!important;
  margin:0 auto 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 4px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.auth-head__title{
  color:#f4f4f6!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:-.025em!important;
}
.auth-head--login{justify-content:flex-start!important}
.login-pass-art{margin-top:2px!important}
@media(max-width:620px){
  .shell--auth{padding-top:14px!important}
  .auth-head{width:100%!important;min-height:44px!important;padding:0 2px 10px!important;margin-bottom:2px!important}
  .auth-head__title{font-size:17px!important}
}

/* v600 — cleaner auth hierarchy: header first, artwork second */
.shell--auth{padding-top:16px!important}
.auth-head{
  width:min(100%,500px)!important;
  min-height:48px!important;
  margin:0 auto 18px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.auth-head__title{
  font-size:20px!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
}
.login-pass-art{
  width:min(76vw,390px)!important;
  max-height:270px!important;
  margin:0 auto -30px!important;
  transform:none!important;
}
@media(max-width:620px){
  .shell--auth{padding-top:12px!important}
  .auth-head{min-height:44px!important;margin-bottom:14px!important;padding-bottom:12px!important}
  .auth-head__title{font-size:18px!important}
  .login-pass-art{width:min(82vw,300px)!important;max-height:205px!important;margin-bottom:-22px!important;transform:none!important}
}

/* v602 — simple login composition; no extra layout concepts */
.shell--auth{
  width:min(100%,620px)!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding:26px 20px 42px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow:auto!important;
}
.auth-head{
  flex:0 0 auto!important;
  width:min(100%,520px)!important;
  min-height:52px!important;
  margin:0 auto!important;
  padding:0 0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.auth-head__title{
  font-size:19px!important;
  line-height:1!important;
  font-weight:690!important;
  letter-spacing:-.025em!important;
}
.login-pass-art{
  flex:0 0 auto!important;
  display:block!important;
  width:min(72vw,330px)!important;
  max-height:230px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:26px auto 18px!important;
  transform:none!important;
}
.stage{
  flex:0 0 auto!important;
  width:min(100%,520px)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  transform:none!important;
}
.scene{
  width:100%!important;
  gap:18px!important;
  padding:0!important;
}
.ksan-row,.message{
  width:100%!important;
  max-width:520px!important;
}
.title{
  font-size:clamp(30px,3vw,38px)!important;
  line-height:1.06!important;
}
.copy{
  max-width:500px!important;
  margin-top:12px!important;
}
.form-box,.captcha-card,.captcha-message{
  width:min(100%,500px)!important;
}
.scene > .aside{
  width:min(100%,500px)!important;
  margin:4px auto 0!important;
}
@media(max-width:620px){
  .shell--auth{padding:18px 16px 28px!important}
  .auth-head{width:100%!important;min-height:46px!important;padding-bottom:12px!important}
  .auth-head__title{font-size:18px!important}
  .login-pass-art{width:min(76vw,270px)!important;max-height:188px!important;margin:20px auto 14px!important}
  .stage{width:100%!important}
  .title{font-size:29px!important}
}


/* v603 — return to the better desktop composition: image left, content right */
@media (min-width: 900px){
  .shell--auth{
    width:min(100%,1080px)!important;
    min-height:100dvh!important;
    margin:0 auto!important;
    padding:32px 34px 36px!important;
    display:grid!important;
    grid-template-columns:minmax(280px,380px) minmax(360px,520px)!important;
    grid-template-areas:
      "art head"
      "art stage"!important;
    justify-content:center!important;
    align-content:center!important;
    align-items:start!important;
    column-gap:56px!important;
    row-gap:20px!important;
    overflow:auto!important;
  }
  .auth-head{
    grid-area:head!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 0 14px!important;
    align-self:end!important;
    justify-content:flex-start!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  .auth-head__title{font-size:20px!important}
  .login-pass-art{
    grid-area:art!important;
    width:min(100%,370px)!important;
    max-height:360px!important;
    margin:0!important;
    transform:none!important;
    align-self:center!important;
    justify-self:center!important;
  }
  .stage{
    grid-area:stage!important;
    width:100%!important;
    max-width:520px!important;
    min-height:0!important;
    margin:0!important;
    justify-self:stretch!important;
    align-items:start!important;
  }
  .scene{width:100%!important;max-width:520px!important;gap:18px!important}
  .ksan-row,.message{
    width:100%!important;
    max-width:520px!important;
    text-align:left!important;
    justify-items:start!important;
    margin:0!important;
  }
  .title,
  .copy,
  .scene > .aside{
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .copy{max-width:500px!important}
  .scene > .aside{max-width:500px!important;margin-top:4px!important}
  .form-box,.captcha-card,.captcha-message{width:min(100%,500px)!important;margin:0!important}
  .actions{justify-content:flex-start!important}
}


/* v604 — centered two-column auth, larger art, no header */
.auth-head{display:none!important}
@media (min-width:900px){
  .shell--auth{
    width:min(100%,1120px)!important;
    min-height:100dvh!important;
    padding:28px 34px!important;
    display:grid!important;
    grid-template-columns:minmax(360px,470px) minmax(390px,520px)!important;
    grid-template-areas:"art stage"!important;
    justify-content:center!important;
    align-content:center!important;
    align-items:center!important;
    column-gap:72px!important;
    row-gap:0!important;
  }
  .login-pass-art{
    grid-area:art!important;
    width:min(100%,455px)!important;
    max-height:430px!important;
    margin:0!important;
    transform:none!important;
    justify-self:center!important;
    align-self:center!important;
    filter:drop-shadow(0 26px 44px rgba(0,0,0,.34))!important;
  }
  .stage{
    grid-area:stage!important;
    width:100%!important;
    max-width:520px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:center!important;
  }
}


/* v605 — true vertical centering of the whole auth composition on desktop */
@media (min-width: 900px){
  .shell--auth{
    min-height:100dvh!important;
    align-content:center!important;
    justify-content:center!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}


/* v606 — real viewport centering via body on desktop */
@media (min-width: 900px){
  html,body{
    width:100%!important;
    min-height:100dvh!important;
    height:auto!important;
  }
  body{
    display:grid!important;
    place-items:center!important;
    overflow:auto!important;
  }
  .shell--auth{
    min-height:auto!important;
    height:auto!important;
    margin:auto!important;
    align-content:center!important;
    justify-content:center!important;
  }
  .stage{
    align-self:center!important;
  }
}


/* v607 — centered top logo in the auth header area */
.auth-top-logo{
  position:fixed!important;
  top:18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:12!important;
  width:auto!important;
  line-height:0!important;
  pointer-events:none!important;
  user-select:none!important;
}
.auth-top-logo img{
  display:block!important;
  width:132px!important;
  height:auto!important;
  opacity:.98!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))!important;
}
@media (max-width: 620px){
  .auth-top-logo{top:14px!important}
  .auth-top-logo img{width:118px!important}
}
@media (min-width: 900px){
  .shell--auth{padding-top:78px!important}
}


/* v608 — new large login character artwork */
@media (min-width:900px){
  .shell--auth{
    grid-template-columns:minmax(420px,560px) minmax(390px,520px)!important;
    column-gap:64px!important;
    width:min(100%,1220px)!important;
  }
  .login-pass-art{
    width:min(100%,540px)!important;
    max-height:650px!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    margin:0!important;
    filter:drop-shadow(0 28px 46px rgba(0,0,0,.38))!important;
  }
}
@media (max-width:899px){
  .login-pass-art{
    width:min(86vw,390px)!important;
    max-height:440px!important;
    object-fit:contain!important;
    transform:none!important;
  }
}

/* v609 — optical centering for the login composition */
@media (min-width:900px){
  .shell--auth{
    transform:translateX(-46px)!important;
  }
}


/* v613 — depth around the login character: soft glow, floor light, giant ghost type */
.login-visual{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
  user-select:none!important;
}
.login-visual__word{
  position:absolute!important;
  z-index:-2!important;
  left:50%!important;
  top:47%!important;
  transform:translate(-50%,-50%) rotate(-90deg)!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.035)!important;
  font-size:clamp(86px,8vw,132px)!important;
  line-height:.82!important;
  font-weight:850!important;
  letter-spacing:-.075em!important;
  text-transform:uppercase!important;
}
.login-visual__glow{
  position:absolute!important;
  z-index:-3!important;
  left:48%!important;
  top:47%!important;
  width:78%!important;
  aspect-ratio:1/1.08!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(30,99,255,.23) 0%,rgba(36,83,255,.12) 34%,rgba(36,76,220,.045) 55%,transparent 74%)!important;
  filter:blur(30px)!important;
  opacity:.9!important;
}
.login-visual__floor{
  position:absolute!important;
  z-index:-1!important;
  left:50%!important;
  bottom:2.5%!important;
  width:62%!important;
  height:8%!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(45,91,255,.22),rgba(20,64,200,.08) 45%,transparent 72%)!important;
  filter:blur(14px)!important;
  opacity:.8!important;
}
@media (min-width:900px){
  .login-visual{
    grid-area:art!important;
    width:100%!important;
    min-height:620px!important;
    align-self:center!important;
    justify-self:center!important;
  }
  .login-visual .login-pass-art{
    grid-area:auto!important;
    z-index:2!important;
    position:relative!important;
  }
}
@media (max-width:899px){
  .login-visual{width:min(92vw,420px)!important;margin:0 auto!important}
  .login-visual__word{font-size:82px!important;opacity:.7!important}
  .login-visual__glow{width:74%!important;filter:blur(24px)!important}
  .login-visual__floor{width:58%!important}
}


/* v614 — one large index-style visual card for the login character */
.login-visual{
  overflow:hidden!important;
  border-radius:36px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:
    radial-gradient(circle at 58% 30%,rgba(32,88,255,.20),transparent 38%),
    linear-gradient(155deg,#10131b 0%,#080a0f 52%,#050506 100%)!important;
  box-shadow:
    0 34px 76px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.025) inset!important;
}
.login-visual::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 32%,rgba(0,0,0,.08) 66%,rgba(0,0,0,.42) 100%)!important;
}
.login-visual__word{display:none!important}
.login-visual__glow{
  z-index:0!important;
  width:92%!important;
  top:40%!important;
  background:radial-gradient(ellipse at center,rgba(32,94,255,.28) 0%,rgba(23,58,190,.12) 42%,transparent 72%)!important;
  filter:blur(36px)!important;
}
.login-visual__floor{
  z-index:1!important;
  bottom:5%!important;
  width:72%!important;
  opacity:.9!important;
}
@media (min-width:900px){
  .shell--auth{
    grid-template-columns:minmax(420px,500px) minmax(390px,520px)!important;
    column-gap:68px!important;
  }
  .login-visual{
    width:470px!important;
    height:620px!important;
    min-height:620px!important;
    max-height:72dvh!important;
  }
  .login-visual .login-pass-art{
    position:absolute!important;
    z-index:2!important;
    left:50%!important;
    bottom:-5%!important;
    transform:translateX(-50%) scale(1.14)!important;
    transform-origin:center bottom!important;
    width:94%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    filter:drop-shadow(0 28px 44px rgba(0,0,0,.36))!important;
  }
}
@media (max-width:899px){
  .login-visual{
    width:min(88vw,410px)!important;
    height:min(66vh,520px)!important;
    min-height:440px!important;
    border-radius:30px!important;
  }
  .login-visual .login-pass-art{
    position:absolute!important;
    left:50%!important;
    bottom:-4%!important;
    transform:translateX(-50%) scale(1.08)!important;
    transform-origin:center bottom!important;
    width:92%!important;
    max-height:none!important;
    margin:0!important;
  }
}

/* v615 — editorial tilted card; keep the full head in frame */
.login-visual{
  transform:rotate(-2.8deg)!important;
  transform-origin:center center!important;
  overflow:hidden!important;
}
.login-visual::before{
  content:"KSAN / ACCESS"!important;
  position:absolute!important;
  left:24px!important;
  bottom:22px!important;
  z-index:6!important;
  color:rgba(255,255,255,.34)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  pointer-events:none!important;
}
.login-visual::after{
  background:
    linear-gradient(118deg,transparent 0 38%,rgba(255,255,255,.035) 48%,transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 34%,rgba(0,0,0,.08) 68%,rgba(0,0,0,.38) 100%)!important;
}
@media (min-width:900px){
  .login-visual{
    width:470px!important;
    height:620px!important;
  }
  .login-visual .login-pass-art{
    left:50%!important;
    bottom:-1.5%!important;
    width:88%!important;
    transform:translateX(-50%) scale(.98)!important;
    transform-origin:center bottom!important;
  }
}
@media (max-width:899px){
  .login-visual{transform:rotate(-1.8deg)!important}
  .login-visual .login-pass-art{
    bottom:-1%!important;
    width:88%!important;
    transform:translateX(-50%) scale(.98)!important;
  }
  .login-visual::before{left:18px!important;bottom:17px!important;font-size:9px!important}
}


/* v650 — login header matches guest AI */
.auth-top-logo{display:none!important}
.login-topbar{
  position:fixed!important;
  top:12px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:30!important;
  display:grid!important;
  grid-template-columns:auto 188px auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:148px!important;
  width:auto!important;
  min-height:62px!important;
  pointer-events:auto!important;
}
.login-topbar__logo{
  display:block!important;
  width:188px!important;
  height:auto!important;
  max-height:62px!important;
  object-fit:contain!important;
  justify-self:center!important;
  user-select:none!important;
  pointer-events:none!important;
}
.login-topbar__nav{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#c9cbd0!important;
  text-decoration:none!important;
  font-family:"OpenAI Sans","Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:560!important;
  letter-spacing:-.012em!important;
  white-space:nowrap!important;
  transition:color .16s ease,opacity .16s ease,transform .16s ease!important;
}
.login-topbar__nav:first-child{justify-self:end!important}
.login-topbar__nav--home{justify-self:start!important}
.login-topbar__nav:hover{
  color:#fff!important;
  transform:translateY(-1px)!important;
}
.login-topbar__nav:active{transform:scale(.985)!important}
.login-topbar__arrow{
  display:inline-block!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:500!important;
  transform:translateY(-1px)!important;
  opacity:.92!important;
  transition:transform .16s ease,opacity .16s ease!important;
}
.login-topbar__nav--home:hover .login-topbar__arrow{
  transform:translate(2px,-3px)!important;
  opacity:1!important;
}
@media(max-width:900px){
  .login-topbar{
    grid-template-columns:auto 166px auto!important;
    gap:96px!important;
  }
  .login-topbar__logo{
    width:166px!important;
    max-height:54px!important;
  }
}
@media(max-width:720px){
  .login-topbar{
    top:8px!important;
    width:calc(100% - 16px)!important;
    grid-template-columns:auto 132px auto!important;
    gap:34px!important;
    min-height:44px!important;
  }
  .login-topbar__logo{
    width:132px!important;
    max-height:44px!important;
  }
  .login-topbar__nav{
    font-size:11.5px!important;
    padding:3px 0!important;
  }
  .login-topbar__arrow{font-size:13px!important}
}

/* v654 — новый горизонтальный логотип */
.login-topbar__logo{width:210px!important;max-height:58px!important;object-fit:contain!important}
@media(max-width:720px){.login-topbar__logo{width:166px!important;max-height:48px!important}}