[f-login]{display:grid;grid-gap:20px;gap:20px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:12px;background:hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:32px;transition:all 1s,opacity 1s!important}[f-login]>img{border-radius:6px}[f-login]>label{font-size:28px;font-weight:800;line-height:36px;letter-spacing:-.56px;margin-bottom:12px}[f-login]>label,[f-login]>span{color:#171717;font-style:normal}[f-login]>span{font-size:14px;font-weight:400;line-height:20px;display:flex;align-items:center}[f-login]>span input{margin-right:8px}[f-login]>div>input{width:400px}[f-login] button{margin-top:12px;width:-moz-fit-content;width:fit-content;background:#453c32;color:#fff}[f-login]>p{color:#171717;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:flex;align-items:center;gap:20px}[f-login]>p input{margin-right:8px}[f-login]>p sub{display:flex;align-items:center;gap:5px;color:#d46600}[f-login]>p:has(sub){cursor:pointer}[f-login]:has(.loader){width:464px;height:500px}[f-login] .loader{position:relative;animation:pulse 1s linear infinite;justify-self:center;align-self:center}[f-login] .loader,[f-login] .loader:after{width:48px;height:48px;border:5px solid #fff;border-radius:50%;display:inline-block;box-sizing:border-box}[f-login] .loader:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:scaleUp 1s linear infinite}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}