*{box-sizing:border-box}html,body{background:#000;height:100%;margin:0}.xavi-login{color:#fff;background:#000;justify-content:center;align-items:center;min-height:100dvh;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Cascadia Mono,Courier New,monospace;display:flex;position:relative;overflow:hidden}.rain{z-index:0;position:fixed;inset:0}.terminal-shell{z-index:10;width:100%;max-width:24rem;margin:0 1rem;position:relative}.terminal-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:1px solid #ffffff4d;border-radius:.5rem;padding:2rem;box-shadow:0 0 40px #ffffff1a}.terminal-head{text-align:center;margin-bottom:2rem}.mark{filter:invert();opacity:.92;width:150px;height:auto;margin-bottom:1.25rem}.system-line{letter-spacing:.06em;color:#fff9;margin-bottom:1rem;font-size:.75rem;line-height:1rem}.terminal-head h1{letter-spacing:.05em;color:#fff;margin:0;font-size:1.5rem;font-weight:700;line-height:2rem}.rule{background:#fff3;height:1px;margin-top:1rem}.field{margin-bottom:1.5rem}.field label{letter-spacing:.1em;color:#fff9;margin-bottom:.5rem;font-size:.75rem;line-height:1rem;display:block}.field input{color:#fff;background:#0009;border:1px solid #ffffff4d;border-radius:.25rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;line-height:1.25rem;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#fff9}.field input:focus{border-color:#ffffffbf;outline:none;box-shadow:0 0 12px #ffffff2e}.field input:disabled{opacity:.5}.field input.invalid{border-color:#fff;box-shadow:0 0 0 1px #ffffff8c}.denied{color:#fff;background:#ffffff0f;border-left:2px solid #fff;margin-top:.5rem;padding:.5rem .625rem;font-size:.75rem;line-height:1.15rem;animation:2s cubic-bezier(.4,0,.6,1) infinite xavi-pulse}.enter{color:#fff;letter-spacing:.1em;cursor:pointer;background:#ffffff1a;border:1px solid #fff6;border-radius:.25rem;width:100%;padding:.75rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s}.enter:hover:not(:disabled){background:#fff3;border-color:#fff9;box-shadow:0 0 20px #ffffff26}.enter:focus-visible{outline-offset:2px;outline:2px solid #fff}.enter:disabled{opacity:.2;cursor:not-allowed}.hint{letter-spacing:.06em;color:#fff9;margin:1rem 0 0;font-size:10px;line-height:1.5}.status{letter-spacing:.05em;color:#ffffff8c;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:10px;display:flex}.dot{background:#fff;border-radius:9999px;width:.375rem;height:.375rem;animation:2s cubic-bezier(.4,0,.6,1) infinite xavi-pulse}.motion{color:#ffffffbf;letter-spacing:.05em;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:10px;text-decoration:underline}.motion:hover{color:#fff}.motion:focus-visible{outline-offset:2px;outline:1px solid #fff}@keyframes xavi-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.dot,.denied{animation:none}}@media (max-width:420px){.terminal-card{padding:1.5rem}.terminal-head h1{font-size:1.25rem;line-height:1.75rem}.mark{width:132px}}