@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scanLine{0%{top:-2px}to{top:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3.5)}}@keyframes vaultOpenLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes vaultOpenRight{0%{transform:translate(0)}to{transform:translate(100%)}}.fade-1,.fade-2,.fade-3,.fade-4,.fade-5{opacity:0;animation:.8s ease-out forwards fadeInUp}.fade-1{animation-delay:.3s}.fade-2{animation-delay:.5s}.fade-3{animation-delay:.6s}.fade-4{animation-delay:.7s}.fade-5{animation-delay:1.2s}.vault-left{animation:.8s cubic-bezier(.77,0,.18,1) forwards vaultOpenLeft}.vault-right{animation:.8s cubic-bezier(.77,0,.18,1) forwards vaultOpenRight}.field-group{border-bottom:1px solid var(--rule-em);transition:border-color .3s;position:relative}.field-group:focus-within{border-color:#22bfec4d}.field-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--t3);pointer-events:none;font-size:10px;transition:all .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.field-label.active{color:var(--t3);font-size:7px;top:4px;transform:translateY(0)}.field-input{width:100%;font-family:var(--font-mono);color:var(--t1);background:0 0;border:none;outline:none;padding:28px 0 10px;font-size:13px;display:block}@media (max-width:900px){.login-grid{grid-template-columns:1fr!important}.vault-panel{display:none!important}}