@layer theme,base;@layer components{.gate{background:linear-gradient(var(--night-950) 0, var(--night-900) 420px, var(--night-900));--wm-w:min(100vw - 2 * var(--gutter,16px), 21.5rem);--castle-top:calc(28px + min(100vw, 440px) * .3487);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}.gate__top{padding-top:var(--safe-top);flex:1 0 auto;grid-template-rows:1fr auto;display:grid;position:relative}.gate__top>.hero--gate{margin-top:calc(12px - var(--castle-top));grid-row:2}.gate__title{z-index:1;padding:16px var(--gutter,16px) 0;text-align:center;pointer-events:none;flex-direction:column;grid-row:1;align-self:center;align-items:center;gap:6px;display:flex;position:relative}.gate__display{width:var(--wm-w);margin:0}.gate__wordmark{display:block}.gate__title .eyebrow-night{font-feature-settings:"case", "tnum"}@media (max-width:47.99rem) and (max-height:640px){.gate{--wm-w:min(100vw - 2 * var(--gutter,16px), 15rem)}}@media (min-width:48rem){.gate{--wm-w:min(100vw - 2 * var(--gutter,16px), 34rem);--castle-top:calc(clamp(440px, 56svh, 620px) * .3162)}}.gate__below{padding-bottom:calc(var(--safe-bottom) + 8px);background:linear-gradient(transparent 48px, #1e3456 48px, #142846 140px, var(--night-900) 360px);flex-direction:column;flex:none;margin-top:-48px;display:flex;position:relative}@media (min-width:441px){.gate__below{background:0 0}}.gate__card{width:100%;max-width:440px;padding-inline:var(--gutter,16px);margin-inline:auto}.gate__countdown{text-align:center;color:var(--ink-soft);margin:20px 0 32px}.gate__frieze{margin-top:auto}@media (min-width:48rem){.gate__card{max-width:calc(480px + 2 * var(--gutter,16px))}}@media (min-width:48rem) and (min-aspect-ratio:5/4),(min-width:48rem) and (max-height:40rem){.gate{--gate-h:max(100svh, 560px);--gate-span:780;--gate-card-w:clamp(340px, 28vw, 440px);--gate-end:calc(clamp(28px, 7vw - 24px, 160px) + env(safe-area-inset-right,0px));--gate-title-top:calc(var(--safe-top) + clamp(16px, 4svh, 40px));height:var(--gate-h);min-height:0;overflow:clip;container:gate/size}.gate .hero--gate{--fx:700}.gate__top{flex:none;padding-top:0;display:block}.gate__top>.hero--gate{margin-top:0}.gate__title,.gate__below{--u:min(max(calc(100cqw / 1170), calc(100cqh / var(--gate-span))), calc(100cqh / 330), var(--scale-cap,1.6px));--gx:calc(100cqw - 1170 * var(--u));--gy:calc(100cqh - 780 * var(--u));--x:clamp(min(0px, var(--gx)), calc(50cqw - 700 * var(--u)), max(0px, var(--gx)));--y:clamp(min(0px, var(--gy)), calc(50cqh - 362 * var(--u)), max(0px, var(--gy)))}.gate__title{--wm-hmax:calc(var(--y) + 266 * var(--u) - 14px - var(--gate-title-top) - var(--text-eyebrow) * 1.33 - 6px);--wm-w:max(9rem, min(38cqw, 46rem, var(--wm-hmax) * 2.473));--title-cx:max(calc(var(--gutter,16px) + var(--wm-w) / 2), min(calc(var(--x) + 587.5 * var(--u)), calc(100cqw - var(--gate-end) - var(--gate-card-w) - 40px - var(--wm-w) / 2)));inset:var(--gate-title-top) auto auto var(--title-cx);width:max-content;max-width:calc(100cqw - 2 * var(--gutter,16px));padding:0;position:absolute;translate:-50%}.gate__below{padding:calc(var(--gate-title-top) + 34px) var(--gate-end) max(16px, calc(100cqh - var(--y) - 562 * var(--u) - 46px)) 0;pointer-events:none;background:0 0;flex-direction:column;justify-content:safe flex-end;align-items:flex-end;margin:0;display:flex;position:absolute;inset:0}.gate .gate__card{width:var(--gate-card-w);pointer-events:auto;max-width:none;margin:0;padding-inline:0}.gate .gate__countdown{width:var(--gate-card-w);margin:16px 0 0}.gate .gate__frieze{margin:0;position:absolute;inset:auto 0 0}}@media (min-width:48rem) and (max-height:40rem){.gate{--gate-h:max(100svh, 360px);--gate-span:440}.gate .hero--gate{--span:440}.gate__below{justify-content:flex-start;padding-block:34px 12px}.gate__card{min-height:0;display:flex}.gate__card>.gate-card-wrap{flex-direction:column;width:100%;min-height:0;display:flex}.gate__card .gate-card{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.gate .gate__countdown{margin-top:8px}.gate .gate__frieze{display:none}}.gate-card-wrap{position:relative}.gate-card{box-shadow:var(--lift-3), var(--lift-2);margin:0;padding:12px}.gate-card__chain{margin-inline:14px}.gate-card__chain:first-child{margin-top:10px}.seal.gate-card__seal{position:absolute;top:-26px;left:50%;translate:-50%}.seal{border-radius:50%;width:56px;height:56px;position:relative}.seal:before{content:"";border-radius:50%;position:absolute;inset:3px;box-shadow:0 6px 12px -4px #02060e99,0 1px 2px #02060e66}.seal__half{position:absolute;inset:0}.seal__half>svg{display:block}.seal__half--l{clip-path:inset(0 50% 0 0)}.seal__half--r{clip-path:inset(0 0 0 50%)}.gate-form{text-align:center;flex-direction:column;align-items:stretch;gap:16px;padding:30px 8px 12px;display:flex}.gate-form__eyebrow{align-self:center}@media (max-height:720px){.gate-form{gap:12px;padding-top:18px}.gate-form__riddle{margin:-6px 0 0}.gate-card__chain:first-child{margin-top:8px}}.gate-form__riddle{color:var(--ink-700);text-wrap:balance;margin:-4px 0 4px}@media (max-width:22.4375rem) and (max-height:640px){.gate-form{gap:10px;padding-top:14px}.gate-form__riddle{margin:-8px 0 -2px}}.gate-field{position:relative}.gate-field__input{border-radius:var(--radius-control);background:var(--paper-50);width:100%;height:56px;color:var(--ink-900);font:400 1.0625rem/1 var(--font-sans);box-shadow:inset 0 0 0 1px var(--ink-600);transition:box-shadow var(--dur-quick) var(--ease-velvet);border:0;padding:0 52px 0 16px;display:block}.gate-field__input::placeholder{color:var(--ink-600);opacity:1}.gate-field__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.gate-field[data-invalid] .gate-field__input{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--carte-signal) 45%, var(--ink-600)), inset 0 -2px 0 0 var(--carte-signal)}.gate-field__eye{width:44px;height:44px;color:var(--ink-600);background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.gate-field__eye:active{background:var(--carte-inset)}.gate-form__submit[aria-disabled=true]{opacity:.8;pointer-events:none}.gate-form__msg{color:var(--carte-signal);text-wrap:balance;margin:-4px 0 0}.gate-form__msg:empty{display:none}.gate-form__msg.is-ok{color:var(--carte-success)}.gate-form__hint-link{min-height:44px;color:var(--carte-link);text-underline-offset:.2em;background:0 0;border:0;align-self:center;margin-top:-8px;padding:0 12px;text-decoration:underline;text-decoration-thickness:1px}.gate-form__hint{color:var(--ink-600);text-wrap:balance;animation:fade-rise var(--dur-base) var(--ease-velvet) both;outline:none;margin:-4px 0 0;padding:0 4px}.gate-card{z-index:1;position:relative}.gate-inside{opacity:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 42%, #fff4d8 0%, var(--paper-100) 58%, var(--paper-200) 100%);flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0;box-shadow:0 0 0 1px #ffcf7a8c,0 0 56px 10px #ffb34752,0 0 140px 40px #ffb34724}.gate-inside .gate-card__chain:first-child{margin-top:10px}.gate-inside__body{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex}.gate-inside__star{margin-bottom:4px}.gate-inside__title{color:var(--ink-900);margin:0}.gate-inside__line{color:var(--ink-700);margin:0}.gate-doors{pointer-events:none;perspective:1100px;position:absolute;inset:0}.gate-door{transform-style:preserve-3d;position:absolute;inset:0}.gate-door__face,.gate-door__back{margin:0;inset:0;position:absolute!important}.gate-door__back{background:linear-gradient(90deg, var(--paper-200), var(--paper-100));box-shadow:var(--lift-2), 0 18px 30px -12px #02060e99;opacity:0}.gate-door--l>*{clip-path:inset(-40px 50% -60px -40px)}.gate-door--r>*,.gate-door--l .gate-door__back{clip-path:inset(-40px -40px -60px 50%)}.gate-door--r .gate-door__back{clip-path:inset(-40px 50% -60px -40px)}.gate-door--l{transform-origin:0}.gate-door--r{transform-origin:100%}.gate-card-wrap[data-door]>.gate-card{opacity:0;pointer-events:none}.gate-card-wrap[data-door]>.gate-inside{opacity:1}.gate-leaf{opacity:0;pointer-events:none;position:absolute;top:-8px;left:50%;translate:-50%}}@layer utilities;@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.gate:has(.hero__stage[data-intro=wait]) :is(.gate__title,.gate__title *,.gate__card,.gate__countdown,.gate__frieze,.gate__frieze *){animation-play-state:paused!important}}.gate:has(.hero__stage:is([data-intro=wait],[data-intro=full])) .gate__title .eyebrow-night{animation:fade-in .4s var(--ease-velvet) .12s both}.gate:has(.hero__stage:is([data-intro=wait],[data-intro=full])) .gate__card{animation:fade-in .2s linear var(--gate-card-at) both, card-lift .52s var(--ease-velvet) var(--gate-card-at) both}.gate:has(.hero__stage:is([data-intro=wait],[data-intro=full])) .gate__countdown{animation:fade-in .5s var(--ease-velvet) var(--stage-countdown) both}.gate:has(.hero__stage:is([data-intro=wait],[data-intro=full])) .gate__frieze{animation:fade-in .4s var(--ease-velvet) var(--stage-frieze) both}.gate:has(.hero__stage:is([data-intro=wait],[data-intro=full])) .gate__frieze .hero-frieze__rosette{animation:rosette-unfold var(--dur-unfold) var(--ease-fold) calc(var(--stage-frieze) + var(--dur-popup)) both}.gate:has(.hero__stage:is([data-intro=wait],[data-intro=full])) .gate-card__seal{--sheen-delay:calc(var(--gate-card-at) + .6s)}.gate{--gate-card-at:.26s}.gate:has(.hero__stage[data-intro=quick]) :is(.gate__title .eyebrow-night,.gate__wordmark,.gate__card,.gate__countdown,.gate__frieze){animation:fade-in .3s var(--ease-velvet) both}.gate:has(.hero__stage:is([data-intro=quick],[data-intro=done])) .gate__wordmark :is(.rc-cut,.rc-tip,.rc-flick,.rc-glint,.rc-paper,.rc-base,.rc-shadows,.rc-edges,.rc-flag,.rc-flag-shadow,.rc-strip,.rc-piece,.rc-ring,.rc-light,.rc-snow,.rc-star-body,.rc-glow){animation:none}.gate:has(.hero__stage:is([data-intro=quick],[data-intro=done])) .gate__wordmark .rc-halo{animation:6.1s ease-in-out infinite rc-breathe}.gate__countdown:not([data-ready]){opacity:0}.gate-card-wrap.is-fluttering{animation:paper-flutter .3s var(--ease-paper)}.gate-form__msg.is-new{animation:fade-rise var(--dur-base) var(--ease-velvet) both}.gate-card-wrap[data-door] .seal{animation:seal-press .12s var(--ease-fold) both}.gate-card-wrap[data-door] .seal:before{animation:fade-out .16s var(--ease-exit) .12s both}.gate-card-wrap[data-door] .seal__half--l{animation:seal-split-l .16s var(--ease-exit) .12s both}.gate-card-wrap[data-door] .seal__half--r{animation:seal-split-r .16s var(--ease-exit) .12s both}.gate-card-wrap[data-door] .gate-door--l{animation:door-l var(--door-dur) var(--door-ease) var(--door-at) both}.gate-card-wrap[data-door] .gate-door--r{animation:door-r var(--door-dur) var(--door-ease) var(--door-at) both}.gate-card-wrap[data-door] .gate-door__face{animation:door-face var(--door-dur) linear var(--door-at) both}.gate-card-wrap[data-door] .gate-door__back{animation:door-back var(--door-dur) linear var(--door-at) both}.gate-card-wrap[data-door] .gate-leaf{animation:leaf-rise .9s var(--ease-velvet) calc(var(--door-at) + .17s) both}.gate-card-wrap[data-door] .gate-inside{animation:inside-glow .52s var(--ease-velvet) calc(var(--door-at) + 20ms) both}.gate-card-wrap[data-door] .gate-inside__body{animation:fade-rise var(--dur-base) var(--ease-velvet) calc(var(--door-at) + .28s) both}.gate,.gate-card-wrap{--door-at:.28s;--door-dur:.8s;--door-ease:cubic-bezier(.45, 0, .25, 1)}@media (min-width:48rem){.gate,.gate-card-wrap{--door-at:.4s}}.gate[data-door] .hero__stage{transition:transform .9s var(--ease-fold) var(--door-at);transform:scale(1.04)}@media (min-width:48rem){.gate[data-door] .hero__stage{transform-origin:50.6% 44.6%;transform:scale(1.03)}}.gate[data-door] .hero__vignette{opacity:.72}.gate[data-door] :is(.gate__countdown,.gate__frieze){opacity:0;transition:opacity .4s var(--ease-exit) var(--door-at)}html:active-view-transition-type(puerta)::view-transition-old(root){animation:fade-out .28s var(--ease-exit) both}html:active-view-transition-type(puerta)::view-transition-new(root){animation:fade-in .28s var(--ease-velvet) both}@keyframes paper-flutter{33%{transform:rotate(-1.2deg)translate(-6px)}66%{transform:rotate(1deg)translate(5px)}}@keyframes seal-press{to{transform:scale(.92)}}@keyframes seal-split-l{to{opacity:0;transform:translate(-6px)}}@keyframes seal-split-r{to{opacity:0;transform:translate(6px)}}@keyframes door-l{to{transform:rotateY(-100deg)}}@keyframes door-r{to{transform:rotateY(100deg)}}@keyframes door-face{0%,65.6%{opacity:1}65.7%,to{opacity:0}}@keyframes door-back{0%,65.6%{opacity:0}65.7%,to{opacity:1}}@keyframes inside-glow{0%{opacity:0;transform:scale(.97)}}@keyframes card-lift{0%{transform:translateY(24px)}}@keyframes leaf-rise{0%{opacity:0;transform:translateY(0)scale(.6)rotate(0)}25%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1)rotate(45deg)}}@keyframes rosette-unfold{0%{transform:rotateY(-180deg)}}