body:has(.gate) .chrome-footer,body:has(.gate) .chrome-header,body:has(.gate) .skip{display:none}.gate{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);min-height:100svh}.gate-art{position:relative;overflow:hidden;background:#321e49}.gate-art img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;border-radius:0;animation:gate-art-in 1.1s var(--ease-out) both}.gate-art:after{content:"";position:absolute;inset:0 0 0 auto;width:28%;background:linear-gradient(to right,rgba(38,23,63,0),var(--night))}.gate-words{display:grid;align-content:center;justify-items:start;gap:0;padding:48px clamp(24px,4vw,72px)}.gate-words .chrome-logo-name{font-size:18px;color:var(--paper)}.gate-eyebrow{margin-top:48px}.gate-words h1{margin-top:12px;font-size:clamp(34px,2.2vw + 14px,52px);max-width:14ch}.gate-words .lede{margin-top:16px;max-width:40ch}.gate-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;width:100%;max-width:520px;margin-top:32px}.gate-form .btn,.gate-form .field input{min-height:56px}.gate-form .field .label{color:var(--lilac)}.gate-form .field input{background:var(--paper);color:var(--ink);border-color:var(--paper)}.gate-form .field[data-state=error] input{border-color:var(--star-soft);box-shadow:0 0 0 2px var(--star-soft)}.gate-error{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;font-size:16px;font-weight:600;color:var(--star-soft)}.gate-error svg{flex:none;margin-top:3px}.gate-unlock{position:fixed;inset:0;z-index:100;pointer-events:none;background:var(--plum);animation:gate-fill .7s var(--ease-out) both}.gate-unlock span{position:absolute;left:0;top:100%;width:40px;height:40px;background:var(--star);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:gate-star .7s var(--ease-out) both}@keyframes gate-art-in{0%{opacity:0;transform:scale(1.04)}}@keyframes gate-fill{0%{clip-path:circle(0 at 0 100%)}to{clip-path:circle(150% at 0 100%)}}@keyframes gate-star{to{transform:translate(55vw,-60vh) rotate(180deg) scale(1.6)}}@media (max-width:899px){.gate{grid-template-columns:1fr;grid-template-rows:auto 1fr}.gate-art{aspect-ratio:3/2}.gate-art:after{inset:auto 0 0 0;width:auto;height:35%;background:linear-gradient(to bottom,rgba(38,23,63,0),var(--night))}.gate-words{align-content:start;padding:8px 16px 40px}.gate-words .chrome-logo-name{font-size:15px}.gate-eyebrow{margin-top:28px}.gate-form{grid-template-columns:1fr}}