/* A visual progression path, never a fabricated personal score. */
.fq-auth-login{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100dvh;height:auto;background:#0b0f13}
.onne-entry-intro{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:44px clamp(32px,5vw,80px);border-right:1px solid var(--line);background:#0b1014}
.onne-entry-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.3}
.onne-entry-intro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#0b1014e8,#0b101440),linear-gradient(0deg,#0b1014,transparent 65%)}
.onne-entry-brand{display:grid;gap:9px;align-self:start;width:fit-content}
.onne-entry-brand .onne-wordmark{font-size:32px;font-weight:100;letter-spacing:.18em}
.onne-entry-brand .onne-tagline{font-size:10px;color:#a0aaa8;letter-spacing:.06em}
.onne-entry-story{width:100%;max-width:460px;margin:auto 0;padding:60px 0}
.onne-entry-copy>p{font-size:9px;color:var(--lime);letter-spacing:2px;margin:0 0 20px}
.onne-entry-copy h1{font:400 clamp(34px,4vw,56px)/1.2 var(--sora);letter-spacing:-1.8px;margin:0}
.onne-entry-copy h1 span{color:var(--lime)}
.onne-entry-journey{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;max-width:420px;padding:28px 0 12px;margin-top:26px}
.onne-journey-track{position:absolute;top:59px;left:16.66%;right:16.66%;height:1px;background:linear-gradient(90deg,#34d39988,#8b9cf580,#34d39966)}
.onne-journey-track i{position:absolute;top:-2px;width:4px;height:4px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #34d39966}
.onne-journey-track i:nth-child(1){left:17%}.onne-journey-track i:nth-child(2){left:50%;background:var(--lav)}.onne-journey-track i:nth-child(3){left:83%}
.onne-journey-step{position:relative;display:grid;justify-items:center;gap:18px;color:#aab4ba;font-size:11px;letter-spacing:.03em}
.onne-journey-node{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffff1c;border-radius:18px;background:#121b20;color:#a9bbb7;box-shadow:0 6px 22px #0002}
.onne-journey-node .fq-icon{width:25px;height:25px;stroke-width:1.3}
.onne-journey-step:nth-of-type(3) .onne-journey-node{color:#aaa9e5;background:#191c29;border-color:#8b9cf538}
.onne-journey-step.is-goal{color:#d6f7e9}.is-goal .onne-journey-node{color:var(--lime);border-color:#34d39970;background:#10241f;box-shadow:0 0 34px #34d39913}
.onne-goal-orbit{position:absolute;width:78px;height:78px;top:-8px;border:1px solid #34d39928;border-radius:23px;transform:rotate(9deg)}
.onne-entry-caption{font-size:12px;color:#8d9b9e;margin:22px 0 0;line-height:1.6}
.onne-entry-footnote{font-size:10px;letter-spacing:.04em;color:#82908f}
.fq-auth-login .fq-auth-access{padding:48px clamp(24px,4vw,64px);min-height:0;background:radial-gradient(ellipse at 70% 0,#34d39908,transparent 60%),#0b0f13;align-items:center}
.fq-auth-login .fq-auth-form-wrap{position:relative;max-width:410px;padding:34px;border:1px solid #ffffff12;border-radius:22px;background:#10151b;box-shadow:0 20px 65px #0002;box-sizing:border-box}
.fq-auth-login .fq-auth-form-wrap::before{content:"";display:block;width:28px;height:2px;background:var(--lime);margin-bottom:24px;border-radius:2px;box-shadow:0 0 12px #34d39940}
.fq-auth-login .fq-auth-access h2{font:400 25px/1.35 var(--sora);letter-spacing:-.7px;margin:0 0 8px}
.fq-auth-login .fq-auth-helper{font-size:12px;color:#929da8;line-height:1.6}
.fq-auth-login .fq-auth-form{gap:18px;margin-top:26px}
.fq-auth-login .fq-auth-form .fq-input{font-size:16px;min-height:49px;background:#0c1117;border-color:#ffffff14;border-radius:10px}
.fq-auth-login .fq-auth-form .fq-input:focus{border-color:#34d39980;box-shadow:0 0 0 3px #34d3990b}
.fq-auth-login .fq-auth-submit{font-size:13px;min-height:48px;background:#34d399;color:#08291e;border-radius:10px;font-weight:600;box-shadow:0 5px 20px #34d39912}
.fq-auth-login .onne-login-footer{margin-top:22px;padding-top:12px;border-color:#ffffff0c;gap:0}
.onne-entry-brand:focus-visible{outline:2px solid var(--lime);outline-offset:6px;border-radius:3px}
@media(max-width:899px){
  .fq-auth-login{display:flex;flex-direction:column;min-height:100svh;overflow:visible;background:radial-gradient(ellipse at 70% 0,#34d3990d,transparent 45%),#0b0f13}
  .onne-entry-intro{padding:28px 24px 18px;border:0;background:transparent;overflow:visible;align-items:center;flex-shrink:0}
  .onne-entry-photo,.onne-entry-intro::after,.onne-entry-copy,.onne-entry-caption,.onne-entry-footnote{display:none}
  .onne-entry-brand{align-self:center;text-align:center;gap:7px}
  .onne-entry-brand .onne-wordmark{font-size:32px;letter-spacing:.19em;padding-left:.19em}
  .onne-entry-story{margin:0;padding:0;max-width:320px}
  .onne-entry-journey{margin:12px 0 0;padding:14px 0 0}
  .onne-journey-node{width:44px;height:44px;border-radius:13px}
  .onne-journey-node .fq-icon{width:21px;height:21px}
  .onne-goal-orbit{width:56px;height:56px;top:-6px;border-radius:17px}
  .onne-journey-track{top:36px}
  .onne-journey-step{gap:12px;font-size:10px}
  .fq-auth-login .fq-auth-access{background:transparent;padding:10px 20px max(24px,env(safe-area-inset-bottom));flex:0 0 auto}
  .fq-auth-login .fq-auth-form-wrap{padding:24px;max-width:410px;border-radius:20px}
  .fq-auth-login .fq-auth-form-wrap::before{display:none}
  .fq-auth-login .fq-auth-access h2{font-size:23px;margin:0 0 7px}
  .fq-auth-login .fq-auth-form{margin-top:22px;gap:17px}
  .fq-auth-login .fq-auth-submit{margin-top:4px}
  .fq-auth-login .onne-login-footer{margin-top:18px;padding-top:10px}
}
@media(max-width:360px){.onne-entry-intro{padding:20px 20px 14px}.fq-auth-login .fq-auth-access{padding-left:14px;padding-right:14px}.fq-auth-login .fq-auth-form-wrap{padding:20px}.fq-auth-login .fq-auth-access h2{font-size:21px}}
@media(max-width:899px) and (max-height:640px){.onne-entry-intro{padding-top:18px;padding-bottom:10px}.onne-entry-brand .onne-wordmark{font-size:27px}.onne-entry-journey{margin-top:7px}.fq-auth-login .fq-auth-form-wrap{padding:18px 20px}.fq-auth-login .fq-auth-form{margin-top:16px;gap:13px}.fq-auth-login .onne-login-footer{margin-top:13px;padding-top:5px}}
@media(prefers-reduced-motion:no-preference){
  .onne-entry-journey{animation:onne-path-in .7s ease-out both}
  .onne-goal-orbit{animation:onne-goal-in 1.3s ease-out both}
  .fq-auth-login .fq-auth-submit{transition:box-shadow .2s,transform .2s}
  .fq-auth-login .fq-auth-submit:hover{box-shadow:0 6px 26px #34d39928;transform:translateY(-1px)}
  @keyframes onne-path-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  @keyframes onne-goal-in{from{opacity:0;transform:rotate(-8deg) scale(.85)}to{opacity:1;transform:rotate(9deg) scale(1)}}
}

@media(max-width:899px) and (max-height:640px){.onne-login-helper:not(.is-legacy){display:none}}
@media(prefers-reduced-motion:no-preference){
  .onne-journey-track::after{content:"";position:absolute;top:-2px;left:0;width:5px;height:5px;background:var(--lime);border-radius:50%;opacity:0;box-shadow:0 0 12px var(--lime);animation:onne-path-light 1.8s .3s ease-in-out both}
  @keyframes onne-path-light{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
}
