/* Goetschi Arcade · Invite-only landing v1.0.002
   Public entry only. Auth, app shell, catalogue and authenticated navigation
   remain untouched. Goetschi Labs CI: quiet graphite, blue accent, light axis. */
.arcade-portal #landing.landing-invite {
  display:grid;
  align-items:center;
  max-width:1180px;
  margin-inline:auto;
  min-height:clamp(440px,calc(100svh - 165px),740px);
  padding:clamp(55px,8vh,100px) 0;
}
.arcade-portal .landing-invite .invite-entry {
  position:relative;
  max-width:690px;
  padding-top:clamp(32px,5vw,56px);
  border-top:1px solid var(--line-strong);
}
.arcade-portal .landing-invite .invite-entry::before {
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:94px;
  height:2px;
  background:var(--accent);
}
.arcade-portal .landing-invite .invite-label {
  margin:0 0 18px;
  color:var(--muted);
  font:600 11px/1.5 var(--font-mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.arcade-portal .landing-invite h1 {
  max-width:14ch;
  margin:0;
  color:var(--text);
  font:600 clamp(38px,5.5vw,72px)/1.09 var(--font-display);
  letter-spacing:-.055em;
  overflow-wrap:break-word;
}
.arcade-portal .landing-invite h1 em {
  color:var(--accent);
  font-style:normal;
}
.arcade-portal .landing-invite .invite-description {
  max-width:49ch;
  margin:clamp(19px,2.5vw,28px) 0 0;
  color:var(--muted);
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.65;
}
.arcade-portal .landing-invite .invite-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(25px,3.4vw,36px);
}
.arcade-portal .landing-invite .invite-login {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  min-height:48px;
  padding:12px 20px;
  text-decoration:none;
  text-align:center;
  font-weight:700;
}
.arcade-portal .landing-invite .invite-login svg {
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}
.arcade-portal .landing-invite .invite-footnote {
  margin:17px 0 0;
  color:var(--muted);
  font:500 12px/1.6 var(--font-body);
}
.arcade-portal .landing-invite a:focus-visible {
  outline:2px solid var(--focus);
  outline-offset:4px;
}
@media(max-width:600px) {
  .arcade-portal #landing.landing-invite {
    min-height:calc(100svh - 165px);
    padding:65px 0 70px;
  }
  .arcade-portal .landing-invite .invite-entry {padding-top:28px}
  .arcade-portal .landing-invite h1 {font-size:clamp(37px,10vw,54px)}
  .arcade-portal .landing-invite .invite-description {font-size:15px}
  .arcade-portal .landing-invite .invite-login {min-height:50px}
}
@media(max-width:390px) {
  .arcade-portal .landing-invite .invite-actions {display:block}
  .arcade-portal .landing-invite .invite-login {width:100%}
}
@media(prefers-reduced-motion:reduce) {
  .arcade-portal .landing-invite *, .arcade-portal .landing-invite *::before {
    animation:none!important;
    transition:none!important;
  }
}