.door.landing{--door-light-x:50%;--door-light-y:47%;background:var(--door-bg);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.landing-top{padding:clamp(22px,3.2vw,34px) clamp(20px,4vw,44px)}.landing-main{justify-content:center;align-items:center;padding:16px clamp(20px,4vw,44px) 40px;display:flex}.landing-room{width:100%;max-width:400px}.landing-door{flex-direction:column;justify-content:center;width:100%;min-height:179px;display:flex}@media (min-width:900px){.landing-room{max-width:384px}}.landing-label{letter-spacing:.28em;text-transform:uppercase;color:var(--door-gold-ink);margin:0 0 20px;font-size:11px;line-height:1.2}.landing-form{gap:9px;display:flex}.landing-input{min-width:0;height:54px;color:var(--door-ink);background:linear-gradient(180deg, var(--door-field-lip), var(--door-field) 62%);border:1px solid var(--door-line);box-shadow:var(--door-inset), var(--door-relief);caret-color:var(--door-gold-ink);transition:border-color .18s var(--door-ease), box-shadow .18s var(--door-ease);border-radius:4px;outline:none;flex:1;padding:0 16px;font-family:inherit;font-size:16px}.landing-input::placeholder{color:var(--door-muted)}.landing-input:hover{border-color:var(--door-line-lit)}.landing-input:focus,.landing-input:focus-visible{border-color:var(--door-gold-ink);box-shadow:var(--door-inset), 0 0 0 3px var(--door-glow);outline:none}.landing:has(.landing-input:focus) .door-ring-wash{fill:none}.door-btn.landing-btn{min-width:106px;height:54px}.landing-note{min-height:19px;color:var(--door-muted);margin:14px 0 0;font-size:12.5px;line-height:1.5}.landing-note-text{display:inline-block}.landing-note.is-error{color:var(--door-gold-ink)}@media (prefers-reduced-motion:no-preference){.landing-note.is-error .landing-note-text{animation:landingSay .22s var(--door-in) both}}@keyframes landingSay{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.landing-modes{flex-wrap:wrap;gap:8px 20px;margin:24px 0 0;padding-top:18px;display:flex;position:relative}.landing-modes:before{content:"";background:linear-gradient(90deg, var(--door-line-lit), var(--door-line) 58%, transparent);height:1px;position:absolute;inset:0 0 auto}.landing-mode{color:var(--door-muted);cursor:pointer;text-underline-offset:5px;transition:color .18s var(--door-ease), text-decoration-color .18s var(--door-ease);background:0 0;border:0;padding:0;font-family:inherit;font-size:12.5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.landing-mode:hover{color:var(--door-gold-ink);-webkit-text-decoration-color:var(--door-line-lit);text-decoration-color:var(--door-line-lit)}.landing-done{font-family:var(--door-serif);letter-spacing:-.003em;color:var(--door-ink);text-wrap:balance;margin:0;font-size:20px;font-weight:500;line-height:1.45}.landing-done:before{content:"";background:var(--door-gold);transform-origin:0;width:46px;height:1px;margin-bottom:18px;display:block}@media (prefers-reduced-motion:no-preference){.landing-done{animation:landingSay .42s var(--door-in) 60ms both}.landing-done:before{animation:landingOpen .52s var(--door-in) both}}@keyframes landingOpen{0%{transform:scaleX(0)}to{transform:none}}.landing-footer{letter-spacing:.02em;color:var(--door-muted);justify-content:space-between;gap:18px;padding:20px clamp(20px,4vw,44px) 26px;font-size:11.5px;display:flex}.landing-footer a{color:var(--door-muted);transition:color .18s var(--door-ease);text-decoration:none}.landing-footer a:hover{color:var(--door-gold-ink)}@media (prefers-reduced-motion:no-preference){.landing-mark,.landing-label,.landing-form,.landing-note,.landing-modes{animation:landingIn .44s var(--door-in) both}.landing-footer{animation:landingSettle .52s var(--door-in) both}.landing-mark{animation-delay:.2s}.landing-label{animation-delay:.26s}.landing-form{animation-delay:.31s}.landing-note{animation-delay:.36s}.landing-modes{animation-delay:.41s}.landing-footer{animation-delay:.46s}.landing-mark [data-mark=name]{animation:landingFromRing .56s var(--door-in) .3s both}}@keyframes landingIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes landingSettle{0%{opacity:0}to{opacity:1}}@keyframes landingFromRing{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:none}}@media (max-height:800px){.landing-top{padding-top:22px;padding-bottom:14px}.landing-main{padding-bottom:26px}}@media (max-height:620px){.landing-main{padding-top:8px;padding-bottom:20px}.landing-top{padding-top:18px;padding-bottom:12px}.landing-footer{padding-top:12px;padding-bottom:16px}}@media (max-width:1024px){.landing-modes{row-gap:26px}.landing-mode{position:relative}.landing-mode:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}}
