*{box-sizing:border-box;margin:0;padding:0;font-family:'Public Sans',Raleway,sans-serif}html,body{height:100%}body{position:relative;min-height:100vh;background-image:url(/assets/img/login/xlogin_img.png.pagespeed.ic.uSqGTH33N6.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px}body::before{content:"";position:fixed;inset:0;background: linear-gradient(296deg, rgb(125 125 125 / 55%), rgb(94 78 78 / 65%));z-index:0}.login-card{position:relative;z-index:1;width:100%;max-width:450px;background:rgba(255,255,255,.97);border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.35);padding:65px 32px;backdrop-filter:blur(6px)}.login-card__logo{text-align:center;margin-bottom:28px}.login-card__logo img{max-width:180px;height:auto}.login__field{position:relative;margin-bottom:22px}.login__icon{position:absolute;top:14px;left:4px;color:#f57f7f;font-size:15px}.login__input{width:100%;border:none;border-bottom:2px solid #d1d1d4;background:none;padding:10px 4px 10px 28px;font-weight:600;font-size:15px;transition:border-color .2s}.login__input:focus,.login__input:hover{outline:none;border-bottom-color:#e4373a}.login__submit{width:100%;margin-top:12px;padding:14px 20px;border-radius:26px;border:none;background:linear-gradient(90deg,#ff4d50,#e4373a);color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 6px 16px rgba(228,55,58,.4);transition:transform .15s , box-shadow .15s}.login__submit:hover,.login__submit:focus{transform:translateY(-1px);box-shadow:0 8px 20px rgba(228,55,58,.5);outline:none}.button__icon{font-size:18px}.social-login{text-align:center;margin-top:24px}.social-login__icon{color:#e4373a;text-decoration:none;font-size:14px;font-weight:600}.social-login__icon:hover{text-decoration:underline}.login__field{position:relative}.login__input{padding-right:32px}.password-toggle{position:absolute;top:14px;right:4px;color:#9a9aa5;font-size:15px;cursor:pointer;background:none;border:none;padding:0;line-height:1;transition:color .15s}.password-toggle:hover{color:#e4373a}.password-toggle:focus{outline:none}@media (max-width:480px){.login-card{padding:32px 22px;border-radius:12px}.login-card__logo img{max-width:150px}}@media (max-width:360px){.login-card{padding:26px 16px}}