.fanat-login{--neon:#3ddc97;--ink:#eaf3ed;--deep:#050d09;background:var(--deep);color:var(--ink);font-family:var(--mono);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.fanat-bg{opacity:0;background-position:50% 38%;background-size:cover;animation:2.6s cubic-bezier(.2,.7,.2,1) .1s forwards fanat-bg-in,26s ease-in-out 2.7s infinite alternate fanat-drift;position:absolute;inset:-4%;transform:scale(1.09)}@keyframes fanat-bg-in{to{opacity:.82;transform:scale(1)}}@keyframes fanat-drift{to{transform:scale(1.05)translateY(-1.2%)}}.fanat-veil{background:radial-gradient(120% 90% at 50% 34%,#0000 0%,#050d098c 52%,#050d09ed 100%),linear-gradient(#050d09b8 0%,#050d0940 26%,#050d09db 100%);position:absolute;inset:0}.fanat-scan{background:linear-gradient(#0000,#3ddc9712,#0000);height:28vh;animation:9s linear 2.4s infinite fanat-scan;position:absolute;top:-30vh;left:0;right:0}@keyframes fanat-scan{to{top:100vh}}.fanat-box{z-index:1;-webkit-backdrop-filter:blur(14px)saturate(115%);background:#040b08c2;border:1px solid #3ddc9729;flex-direction:column;gap:28px;width:100%;max-width:392px;padding:42px 38px 36px;display:flex;position:relative;box-shadow:0 30px 80px -40px #000,0 0 60px -30px #3ddc9759}.fanat-corner{border:1px solid var(--neon);opacity:0;filter:drop-shadow(0 0 6px #3ddc9799);width:16px;height:16px;animation:.9s cubic-bezier(.2,.7,.2,1) .5s forwards fanat-corner;position:absolute}.fanat-corner.tl{--tx:14px;--ty:14px;border-bottom:0;border-right:0;top:-1px;left:-1px}.fanat-corner.tr{--tx:-14px;--ty:14px;border-bottom:0;border-left:0;top:-1px;right:-1px}.fanat-corner.bl{--tx:14px;--ty:-14px;border-top:0;border-right:0;bottom:-1px;left:-1px}.fanat-corner.br{--tx:-14px;--ty:-14px;border-top:0;border-left:0;bottom:-1px;right:-1px}@keyframes fanat-corner{0%{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.5)}to{opacity:1;transform:none}}@keyframes fanat-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fanat-head,.fanat-field,.fanat-submit,.fanat-error{opacity:0;animation:fanat-rise .8s cubic-bezier(.2, .7, .2, 1) var(--d,0s) forwards}.fanat-head{--d:.7s}.fanat-field:first-of-type{--d:.82s}.fanat-field:nth-of-type(2){--d:.9s}.fanat-submit{--d:.98s}.fanat-error{--d:0s}.fanat-head{text-align:center;flex-direction:column;align-items:center;gap:13px;display:flex}.fanat-logo{filter:drop-shadow(0 0 18px #3ddc9740);width:176px;max-width:70%;height:auto;display:block}.fanat-tag{letter-spacing:.22em;color:var(--neon);opacity:.9;margin:0;font-size:10.5px}.fanat-form{flex-direction:column;gap:22px;display:flex}.fanat-field{flex-direction:column;gap:7px;display:flex;position:relative}.fanat-field label{letter-spacing:.2em;color:#eaf3ed9e;font-size:10.5px;transition:color .3s}.fanat-field:focus-within label{color:var(--neon)}.fanat-field input{width:100%;color:var(--ink);font:inherit;letter-spacing:.04em;background:0 0;border:0;border-bottom:1px solid #eaf3ed38;border-radius:0;outline:none;padding:9px 2px;font-size:15px}.fanat-field input::placeholder{color:#eaf3ed59}.fanat-field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #08150f}.fanat-field:after{content:"";background:var(--neon);transform-origin:0;height:1px;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 10px #3ddc97cc}.fanat-field:focus-within:after{transform:scaleX(1)}.fanat-submit{color:var(--neon);font:inherit;letter-spacing:.18em;cursor:pointer;background:#3ddc9714;border:1px solid #3ddc9780;border-radius:0;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:14px 20px;font-size:12.5px;transition:background-color .3s,color .3s,box-shadow .3s,border-color .3s;display:flex}.fanat-submit:hover:not(:disabled),.fanat-submit:focus-visible:not(:disabled){background:var(--neon);border-color:var(--neon);color:#04140c;box-shadow:0 0 28px -6px #3ddc978c}.fanat-submit:disabled{opacity:.55;cursor:default}.fanat-arrow{transition:transform .35s cubic-bezier(.2,.7,.2,1);display:inline-block}.fanat-submit:hover:not(:disabled) .fanat-arrow{transform:translate(5px)}.fanat-error{letter-spacing:.08em;color:#ff9a9a;min-height:16px;margin:0;font-size:11.5px}.fanat-logo-link{transition:filter .3s,transform .3s cubic-bezier(.2,.7,.2,1);display:block}.fanat-logo-link:hover,.fanat-logo-link:focus-visible{filter:drop-shadow(0 0 22px #3ddc9780);transform:translateY(-2px)}.fanat-logo-link:focus-visible{outline:1px solid var(--neon);outline-offset:8px}.fanat-back{color:#eaf3ed80;letter-spacing:.2em;opacity:0;align-self:center;align-items:center;gap:8px;margin-top:-6px;padding:4px 2px;font-size:10.5px;text-decoration:none;transition:color .3s;animation:.8s cubic-bezier(.2,.7,.2,1) 1.06s forwards fanat-rise;display:inline-flex}.fanat-back:hover,.fanat-back:focus-visible{color:var(--neon)}.fanat-back-arrow{transition:transform .35s cubic-bezier(.2,.7,.2,1);display:inline-block}.fanat-back:hover .fanat-back-arrow{transform:translate(-5px)}@media (max-width:600px){.fanat-login{align-items:end;padding-bottom:30px}.fanat-bg{background-position:50% 2%;background-repeat:no-repeat;background-size:168%;inset:0}.fanat-veil{background:radial-gradient(130% 70% at 50% 26%,#0000 0%,#050d0973 55%,#050d09e6 100%),linear-gradient(#050d0973 0%,#050d0933 20%,#050d09e6 100%)}}@media (max-width:480px){.fanat-login{padding:22px}.fanat-box{padding:34px 22px 30px}.fanat-logo{width:148px}.fanat-form{gap:20px}}@media (prefers-reduced-motion:reduce){.fanat-bg{opacity:.82;animation:none;transform:none}.fanat-scan{display:none}.fanat-corner,.fanat-head,.fanat-field,.fanat-submit,.fanat-error,.fanat-back{opacity:1;animation:none;transform:none}.fanat-logo-link,.fanat-back-arrow,.fanat-field:after,.fanat-arrow{transition:none}}