.entrance{place-items:center;min-height:100dvh;padding:32px 16px;display:grid;position:relative;overflow:hidden}.doors{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid;position:absolute;inset:7vh 2vw -6%}.door{border:1px solid var(--line-gold);opacity:.62;border-radius:26px 26px 0 0/22% 22% 0 0;animation:21s ease-in-out infinite lit;position:relative;overflow:hidden}.door:nth-child(2){animation-delay:-3s}.door:nth-child(3){animation-delay:-6s}.door:nth-child(4){animation-delay:-9s}.door:nth-child(5){animation-delay:-12s}.door:nth-child(6){animation-delay:-15s}.door:nth-child(7){animation-delay:-18s}.door img:first-child{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.door img:last-child{filter:drop-shadow(0 16px 26px #000000b3);width:92%;position:absolute;top:38%;left:50%;translate:-50% -50%}@keyframes lit{0%,30%,to{opacity:.62}15%{opacity:.95}}.entrance:after{content:"";background:radial-gradient(52% 74% at 50% 50%, #09080bcc 30%, #09080b29 100%), linear-gradient(0deg, var(--bg) 2%, transparent 42%);pointer-events:none;position:absolute;inset:0}.panel{z-index:1;border:1px solid var(--line-gold);-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);background:linear-gradient(170deg,#1f1b1ad1,#0d0c10eb);border-radius:24px;flex-direction:column;align-items:center;gap:28px;width:min(100%,440px);padding:42px 40px 30px;display:flex;position:relative;box-shadow:0 50px 110px -40px #000,inset 0 1px #ffffff12}.panel .brand b{font:600 28px/1 var(--display);letter-spacing:.01em}form{flex-direction:column;gap:16px;width:100%;display:flex}form header{text-align:center;margin-bottom:10px}form h1{font:500 38px/1.08 var(--display);letter-spacing:-.005em;text-wrap:balance}form header p{color:var(--muted);margin-top:6px;font-size:14.5px}label{color:#c8c8d0;flex-direction:column;gap:7px;font-size:13px;font-weight:500;display:flex}input{background:#08070ab8;border:1px solid #ffffff1f;border-radius:12px;width:100%;height:48px;padding:0 15px;font-size:15px;transition:border-color .2s,box-shadow .2s}input:hover{border-color:#ffffff38}input:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 3px #d9b26229}input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:inset 0 0 0 40px #0d0c10}.password{display:block;position:relative}.password input{padding-right:68px}.password button{height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:600;position:absolute;top:6px;right:6px}.password button:hover{color:var(--gold-soft)}.error{color:var(--bad);background:#ff8a7a14;border:1px solid #ff8a7a4d;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:500}#submit{border-radius:999px;min-height:52px;margin-top:6px;font-size:15.5px}.foot{color:var(--muted);font-size:12px}@media (max-width:900px){.doors{grid-template-columns:repeat(4,minmax(0,1fr));inset:4vh -14% -6%}.door:nth-child(n+5){display:none}}@media (max-width:480px){.entrance{align-items:start;padding:28px 16px}.panel{padding:32px 22px 22px}form h1{font-size:34px}}