.form-submit{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.door{min-height:100dvh;display:grid;place-items:center;padding:100px 20px 56px;position:relative;background:#f4f4f4}.door:before{content:"";position:absolute;width:min(560px,90vw);height:320px;bottom:12%;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(45,212,191,.22),transparent 70%);pointer-events:none;animation:glow .9s cubic-bezier(.22,1,.36,1) both}.card{position:relative;width:min(500px,100%);background:#fff;border-radius:24px;box-shadow:0 8px 40px rgba(6,32,28,.08);overflow:hidden;display:flex;flex-direction:column;animation:rise .55s cubic-bezier(.22,1,.36,1) both}.card.shake{animation:shake .38s ease}.card.leave{animation:leave .42s cubic-bezier(.22,1,.36,1) forwards}.door .stage{position:relative;background:none;border-radius:0;box-shadow:none;padding:0;overflow:visible}.panel{padding:32px 32px 20px;opacity:0;transform:translateX(18px);pointer-events:none;position:absolute;left:0;right:0;top:0;transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)}.panel.exit{opacity:0;transform:translateX(-16px)}.panel.on{position:relative;opacity:1;transform:translateX(0);pointer-events:auto}.demo{margin-top:14px;font-size:12px;font-weight:600;color:#8a9a97;letter-spacing:.01em}.progress{display:flex;gap:8px;margin-bottom:20px;align-items:center}.progress i{display:block;width:8px;height:8px;border-radius:99px;background:#e4e9f0;transition:width .28s cubic-bezier(.22,1,.36,1),background-color .28s cubic-bezier(.22,1,.36,1)}.progress i.on{width:22px;background:#2dd4bf}.panel h1{font-size:34px;line-height:38px;font-weight:400;letter-spacing:-.03em;text-wrap:balance}.panel .lede{margin-top:10px;font-size:16px;line-height:22px;color:#5b6b68;text-wrap:pretty;max-width:none}.panel form{margin-top:28px}.panel label{display:block;font-size:13px;font-weight:700;color:#5b6b68;margin:0 0 8px}.panel .field{margin-bottom:16px}.panel input{width:100%;height:52px;border:1px solid #e4e9f0;border-radius:14px;padding:0 16px;font-size:16px;color:#06201c;background:#fff;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out}.panel input:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12)}.pass{display:flex;align-items:center;min-width:0;border:1px solid #e4e9f0;border-radius:14px;background:#fff;transition:border-color .15s ease-out,box-shadow .15s ease-out}.pass:focus-within{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12)}.pass input{border:0;box-shadow:none;flex:1 1;min-width:0;height:50px}.pass button{flex-shrink:0;min-width:44px;height:44px;margin-right:4px;padding:0 12px;font-size:13px;font-weight:700;color:#0f766e;border-radius:10px;transition:background-color .15s ease-out}.pass button:hover{background:#e7faf6}.err{display:grid;grid-template-rows:0fr;margin:0;font-size:14px;font-weight:700;color:#9f1239;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.err>span{overflow:hidden}.err.on{grid-template-rows:1fr;margin-bottom:12px}.panel .foot{display:block;margin-top:8px;font-size:14px;color:#5b6b68;grid-template-columns:none;gap:0}.panel .foot a{display:inline;font-weight:700;color:#0f766e;padding:0;transition:color .15s ease-out}.go,.panel .foot a:hover{color:#06201c}.go{display:flex;align-items:center;justify-content:center;width:100%;height:64px;background:#2dd4bf;font-size:17px;font-weight:700;letter-spacing:-.02em;transition:background-color .15s ease-out,transform .12s ease-out}.go:hover{background:#14b8a6}.go:active{transform:scale(.96)}.go.busy{pointer-events:none}.go.busy span{animation:pulse .9s ease-in-out infinite}.entrar-top{position:fixed;top:0;left:0;right:0;z-index:8;padding:22px 32px;animation:fade .5s cubic-bezier(.22,1,.36,1) both;pointer-events:none}.entrar-top .brand{display:inline-flex;height:44px;margin-right:0;padding:0;pointer-events:auto}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes glow{0%{opacity:0;transform:translateX(-50%) scale(.92)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}@keyframes leave{to{opacity:0;transform:translateY(-14px) scale(.98)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media (max-width:480px){.entrar-top{padding:16px}.panel{padding:28px 22px 16px}.panel h1{font-size:28px;line-height:32px}.go{height:56px}}@media (prefers-reduced-motion:reduce){.card,.door:before,.entrar-top,.panel{opacity:1;transform:none;animation:none}}