.w3-3-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef0f5;position:relative;padding:40px 20px;font-family:var(--font-family-primary, inherit)}.w3-3-login__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,0,0,.08) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.w3-3-login__wrapper{position:relative;z-index:1;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:24px}.w3-3-login__topbar{display:flex;align-items:center;gap:12px}.w3-3-login__topbar-logo{height:36px;-o-object-fit:contain;object-fit:contain}.w3-3-login__topbar-text{font-size:.9375rem;font-weight:700;color:var(--color-secondary);font-family:var(--font-family-primary, inherit)}.w3-3-login__card{width:100%;background:#eef0f5;border-radius:28px;box-shadow:12px 12px 24px #c8cad0,-12px -12px 24px #fff;overflow:hidden}.w3-3-login__card-stripe{height:6px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-tertiary) 100%)}.w3-3-login__card-body{padding:44px 44px 36px;display:flex;flex-direction:column;align-items:center;gap:6px}.w3-3-login__card-icon{width:72px;height:72px;border-radius:50%;background:#eef0f5;box-shadow:6px 6px 14px #c8cad0,-6px -6px 14px #fff;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-primary);margin-bottom:8px}.w3-3-login__title{font-size:1.75rem;font-weight:800;color:var(--color-secondary);margin:0;font-family:var(--font-family-primary, inherit)}.w3-3-login__subtitle{font-size:.9375rem;color:#888;margin:0 0 20px}.w3-3-login__alert{width:100%;background:#fee;border:1px solid #fcc;border-radius:10px;padding:12px 16px;color:#c33;font-size:.875rem;display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.w3-3-login__alert i{margin-top:2px}.w3-3-login__alert ul{list-style:disc;padding-left:16px;margin:4px 0 0}.w3-3-login__form{width:100%;display:flex;flex-direction:column;gap:20px}.w3-3-login__field{display:flex;flex-direction:column;gap:8px}.w3-3-login__label{font-size:.875rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.06em}.w3-3-login__label-row{display:flex;justify-content:space-between;align-items:center}.w3-3-login__forgot{font-size:.8125rem;color:var(--color-primary);text-decoration:none;font-weight:600}.w3-3-login__forgot:hover{text-decoration:underline}.w3-3-login__field-error{font-size:.8125rem;color:#e53e3e}.w3-3-login__input-box{position:relative;background:#eef0f5;border-radius:12px;box-shadow:inset 4px 4px 10px #c8cad0,inset -4px -4px 10px #fff;display:flex;align-items:center}.w3-3-login__input-box .w3-3-login__ico{flex-shrink:0;padding-left:16px;color:#aaa;font-size:1rem;transition:color .3s;pointer-events:none}.w3-3-login__input-box:focus-within .w3-3-login__ico{color:var(--color-primary)}.w3-3-login__input-box input{flex:1;min-width:0;padding:14px 12px;background:transparent;border:none;font-size:.9375rem;color:#333;font-family:var(--font-family-primary, inherit)}.w3-3-login__input-box input::-moz-placeholder{color:#bbb}.w3-3-login__input-box input::placeholder{color:#bbb}.w3-3-login__input-box input:focus{outline:none}.w3-3-login__eye{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0 14px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:1rem;line-height:1;align-self:stretch;transition:color .2s}.w3-3-login__eye:hover{color:var(--color-primary)}.w3-3-login__eye:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:0 12px 12px 0}.w3-3-login__btn{width:100%;padding:16px;background:var(--color-primary);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:4px 4px 12px #00000026,-2px -2px 8px #fff9;transition:box-shadow .3s,transform .2s;font-family:var(--font-family-primary, inherit)}.w3-3-login__btn:hover{box-shadow:6px 6px 18px #0003,-2px -2px 10px #ffffffb3;transform:translateY(-2px)}.w3-3-login__btn:active{box-shadow:inset 2px 2px 6px #0003;transform:translateY(0)}.w3-3-login__divider{text-align:center;position:relative}.w3-3-login__divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#d0d2d8}.w3-3-login__divider span{position:relative;background:#eef0f5;padding:0 14px;font-size:.8125rem;color:#aaa}.w3-3-login__socials{display:flex;gap:12px}.w3-3-login__soc-btn{flex:1;padding:13px 16px;border-radius:12px;border:none;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;background:#eef0f5;box-shadow:4px 4px 10px #c8cad0,-4px -4px 10px #fff;transition:box-shadow .3s,transform .2s}.w3-3-login__soc-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 14px #c8cad0,-4px -4px 10px #fff}.w3-3-login__soc-btn--fb{color:#1877f2}.w3-3-login__soc-btn--gg{color:#ea4335}.w3-3-login__card-footer{padding:20px 44px 28px;border-top:1px solid #dde0e8;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9375rem;color:#888}.w3-3-login__card-footer a{color:var(--color-primary);font-weight:700;text-decoration:none}.w3-3-login__card-footer a i{margin-left:4px;font-size:.8125rem}.w3-3-login__card-footer a:hover{text-decoration:underline}.w3-3-login__bottom-note{font-size:.8125rem;color:#aaa;text-align:center;margin:0}.w3-3-login__bottom-note a{color:var(--color-secondary);text-decoration:none;font-weight:600}.w3-3-login__bottom-note a:hover{text-decoration:underline}@media (max-width: 575.98px){.w3-3-login{padding:24px 16px}.w3-3-login__card-body{padding:32px 28px 24px}.w3-3-login__card-footer{padding:16px 28px 24px;flex-direction:column;text-align:center}.w3-3-login__title{font-size:1.5rem}.w3-3-login__socials{flex-direction:column}}@media (max-width: 400px){.w3-3-login__card-body{padding:24px 20px 20px}.w3-3-login__card-footer{padding:14px 20px 20px}}