.login-stage{grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;display:grid}.login-pane{max-width:28rem}.login-space{margin-block-start:2rem}.login-steps{gap:.5rem;margin-block:2rem 1.25rem;display:flex}.login-steps li{color:#8f8f8f;border-block-start:2px solid #e2ad622e;flex:1;padding-block-start:.5rem;font-size:.8125rem;transition:border-color .5s,color .5s}.login-steps .is-on{color:#efe9df;border-color:#e2ad62}.login-step{animation:login-step .52s var(--ease-reveal) both}@keyframes login-step{0%{opacity:0;transform:translateY(12px)}}.contact-form .login-phone{letter-spacing:.08em;text-align:center;min-height:3.5rem;font-size:1.25rem}.contact-form .login-phone::placeholder{color:#5f5a54}.login-cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid;position:relative}.contact-form .login-cells input{z-index:1;color:#0000;caret-color:#0000;opacity:.01;background:0 0;border:0;height:100%;min-height:0;font-size:1px;position:absolute;inset:0}.login-cells input:focus-visible{outline:none}.login-cells i{color:#f5f5f5;font-variant-numeric:lining-nums;height:3.5rem;transition:border-color .24s ease, transform .42s var(--ease-reveal), background-color .24s ease;background:#00000059;border:1px solid #e2ad6240;border-radius:.75rem;place-items:center;font-size:1.375rem;font-style:normal;display:grid}.login-cells i.is-full{border-color:#e2ad6299;transform:translateY(-2px)}.login-cells input:focus~i.is-next{background:#e2ad6214;border-color:#e2ad62}.door{pointer-events:none;height:22rem;position:relative;overflow:clip}.door-halo{opacity:.45;background:radial-gradient(closest-side,#f0aa5a38,#0000);transition:opacity 1.4s;position:absolute;inset:0}.door-code .door-halo{opacity:.75}.door-through .door-halo{opacity:1}.door-closed .door-halo{opacity:.2}.door-stems{justify-content:center;gap:clamp(1.25rem,3vw,2.25rem);display:flex;position:absolute;inset-block:0 12%;inset-inline:0;-webkit-mask-image:linear-gradient(#0000,#000 35% 72%,#0000);mask-image:linear-gradient(#0000,#000 35% 72%,#0000)}.door-stems i{background:linear-gradient(#e2963c0a,#e2ad6252);width:5px;position:relative}.door-stems i:after{content:"";opacity:0;transition:opacity 1.1s var(--ease-reveal);background:linear-gradient(#f0aa5a40,#fff3dc);position:absolute;inset:0;box-shadow:0 0 34px 8px #f0aa5a80}.door-stems i.is-lit:after{opacity:1}.door-closed .door-stems i{animation:7s ease-in-out infinite alternate door-breathe}.door-closed .door-stems i:nth-child(2){animation-delay:1.4s}.door-closed .door-stems i:nth-child(3){animation-delay:2.6s}.door-closed .door-stems i:nth-child(4){animation-delay:.7s}@keyframes door-breathe{0%{opacity:1}to{opacity:.4}}.door-ground{background:radial-gradient(closest-side,#f0aa5a33,#0000);height:42%;position:absolute;inset-block-end:0;inset-inline:12%}.door-figure{fill:#040302;transform-origin:bottom;width:1.5rem;height:auto;transition:transform 1.6s var(--ease-reveal), opacity 1s ease;position:absolute;inset-block-end:6%;inset-inline-start:calc(50% - .75rem)}.door-code .door-figure{transform:translateY(-2.25rem)scale(.82)}.door-through .door-figure{opacity:0;transform:translateY(-4.5rem)scale(.62)}.panel{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.panel-nav{scrollbar-width:none;border-block-end:1px solid #e2ad622e;gap:.25rem;padding-block-end:.5rem;display:flex;position:relative;overflow-x:auto}.panel-nav button{color:#9a9a9a;cursor:pointer;border-radius:.625rem;flex:none;min-height:2.75rem;padding-inline:.875rem;font-size:.875rem;transition:color .24s,background-color .24s}.panel-nav button[aria-selected=true]{color:#f5f5f5;background:#e2ad621f}.panel-logout{margin-inline-start:auto}.panel-view{animation:login-step .52s var(--ease-reveal) both;gap:1.25rem;display:grid}.panel-hello{color:#f5f5f5;font-size:clamp(1.5rem,5vw,2rem);font-weight:300}.panel-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.panel-stat{background:linear-gradient(160deg,#261c12b3,#0d0d0db3 70%);border:1px solid #e2ad6238;border-radius:1rem;padding:1rem .875rem}.panel-stat strong{color:#e2ad62;font-size:1.875rem;font-weight:300;line-height:1.2;display:block}.panel-stat span{color:#adadad;font-size:.75rem}@media (min-width:900px){.login-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4rem;min-height:32rem}.door{height:32rem}.door-figure{width:2rem;inset-inline-start:calc(50% - 1rem)}.panel{grid-template-columns:12rem minmax(0,1fr);align-items:start;gap:3rem}.panel-nav{border-block-end:0;border-inline-end:1px solid #e2ad622e;flex-direction:column;padding-block-end:0;padding-inline-end:1rem;position:sticky;top:7rem;overflow:visible}.panel-nav button{text-align:start}.panel-logout{margin-block-start:1.5rem;margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.door-closed .door-stems i,.login-step,.panel-view{animation:none}.door-figure{transition:none}}